php - Ajax、PHP 和 MySql

Question

我在使用 Ajax 时遇到问题。当我更改我的选择值时没有任何反应。

我有一个 ID 为 textHint 的 div，以便打印结果。

这是我的选择:

<form>              
    <select id="choix" name="choix" onchange="showUser(this.value)">
        <div class="tutorial_list">
            <?php 
                $db = mysql_connect('localhost', 'root', 'root'); 
                mysql_select_db('Projet',$db); 

                $sql = 'select NomPromo, NumPromo from Promo';
                $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

                while ($data = mysql_fetch_array($req)){
                     echo'<option value="'.$data['NumPromo'].'">'.$data['NomPromo'].'</option>';
                }
            ?>
        </div>
    </select>
</form>

这是我的脚本:

<script>
    function showUser(str) {
        if (str == "") {
           document.getElementById("txtHint").innerHTML = "";
           return;
           } else { 
                if (window.XMLHttpRequest) {
                    // code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                } else {
                    // code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
                    }
                };
                xmlhttp.open("GET","data.php?q="+str,true);
                xmlhttp.send();
        }
    }
</script>

这是我的 data.php :

<?php 

    $q = intval($_GET['q']);

    $db = mysql_connect('localhost', 'root', 'root'); 
    mysql_select_db('Projet',$db);

    $sql = "select Nom, Prenom from User where Groupe ='".$q."'";
    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

    while ($data = mysql_fetch_array($req)){
         echo $data['Nom'].' '.$data['Prenom'];
    }
?>  

Answer 1

我不明白什么<div class='tutorial_list'></div>在里面做 <select></select>

这个错误

[Error] ReferenceError: Can't find variable: $ (fonction anonyme)prof.php:75

可能是因为一些原因。 a) jquery 库未正确加载 b) 路径可能不正确。检查这个link

我做了一些小改动，你可以试试这个。

<form>              
  <select id="choix" name="choix">
    <div class="tutorial_list">
      <?php 
      $db = mysql_connect('localhost', 'root', 'root'); 
      mysql_select_db('Projet',$db); 

      $sql = 'select NomPromo, NumPromo from Promo';
      $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

      while ($data = mysql_fetch_array($req)){
           echo'<option value="'.$data['NumPromo'].'">'.$data['NomPromo'].'</option>';
      }
      ?>
    </div>
  </select>
</form>

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
  $(document).ready(function(){
    $('#choix').change(function(){
      var q= $('#choix').val();
      $.ajax({url:"data.php?q="+q,cache:false,success:function(result){
        $('#txtHint').html(result);
      }});
    });
  });
</script>

[注意:mysql_*自 PHP 5.5 起不推荐使用函数。使用 mysqli_*或 PDO ]