php - 使用同一数据表中的 ajax 填充下拉列表

Question

我有一个包含 5 列的 mysql 数据库表。

id, columnA, columnB, columnC, columnD

我用这些值填充了数据表，因此每一列都有 2 个(不同的)值。

columnA 1, columnB 1, columnC 1, columnD 1
columnA 1, columnB 1, columnC 1, columnD 2
...
columnA 2, columnB 2, columnC 2, columnD 2

我希望用户可以从下拉列表中选择这些值。当他/她从 columnA 中选择第一个数据时，columnB 值会根据所选值出现在另一个选择框中。等等..所以我想我需要使用ajax-jquery。这是我用过的脚本，

<script type="text/javascript">
$(document).ready(
function() {
    $(".columnA").change(
    function() {
        var columnA=$(this).val();
        var dataString = 'columnA='+ columnA;
        $.ajax (    {
                        type: "POST",
                        url: "ajax_try.php",
                        data: dataString,
                        cache: false,
                        success: function(html)
                        {
                            $(".columnB").html(html);
                        }    
                    }               
                );

                }
        );
});
</script>

还有 php 代码。

<?php
    //index.php
    include('db.php');
    $sql=mysql_query("SELECT ID, columnA FROM try GROUP BY columnA");
    while($row = mysql_fetch_array($sql))
    {
    $id = $row['id'];
    $columnA = $row['columnA'];
    echo '<option value="'.$id.'">'.$columnA.'</option>';
    } 
?>


<?php
   //ajax_try.php
   include('db.php');
   if($_POST['columnA'])
   {
      $columnA = $_POST['columnA'];
      $sql = mysql_query("SELECT ID, columnB from try WHERE columnA = '$columnA' GROUP BY columnB");

      while($row = mysql_fetch_array($sql))
      {
         $id = $row['id'];
         $columnB = $row['columnB'];
         echo '<option value="'.$id.'">'.$columnB.'</option>';
      }
   }
?>

我正在获取 columnA 的值，但是当我选择其中之一时，没有任何反应。而且我不知道如何使用ajax绑定(bind)其他下拉列表..

Answer 1

我建议最好的调试方法是使用以下方法:

1) 警告变化以查看函数是否被调用

2) 使用 file_put_contents(..) 调试 php 端并查看实际执行的 SQL？

3) 提醒您使用 Ajax 收到的数据，看看您是否收到了它？

如果您使用上述 3 种方法正确调试，您应该很容易找到哪里出了问题？

祝你好运。