使用jQuery ajax json将项目填充到选择中

Question

使用jQuery ajax json，php在第一个菜单上进行更改时，必须进行ajax调用以获取json数组并创建第二个菜单主页。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Load JSON data with jQuery, PHP and MySQL</title>
    <link rel="stylesheet" type="text/css" href="/css/main.min.css?1319445416"  />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
         $('#mark').change(function() {
             $.get("fruit-varities.php",
                {'idcategory' : idc },
                function(data){
                    var select = $('#series').empty();
                    $.each(data.values, function(i,item) {
                        select.append( '<option value="'
                                             + item.fruit_id
                                             + '">'
                                             + item.name
                                             + '</option>' ); 
                    });
                }, "json");
    });
    });
</script>
    </head>
    <body>
    <form>
    <select id="mark">
      <option value="">--</option>
      <option value="bmw">BMW</option>
      <option value="audi">Audi</option>
    </select>
    <select id="series">
    </select>
    <div id="view">
    </div>
    </form>
    </body></html>

下面是fruit-varities.php

<?php
if(isset($_GET['idcategory'])){
$item = Array(
    Array
        (
            "fruit_id" => "1",
            "name" => "Apple",
            "variety" => "Red Delicious"
        )

);
}
echo json_encode(item);
?>

这是完全不起作用的，不知道为什么？对我来说一切似乎都很好，但我不知道问题出在哪里

Answer 1

您的页面中没有"idc“变量，但将其用作Ajax请求参数的值。这并不重要，'idcategory'参数应该有什么值(通过分析你的php脚本)，所以你可以用{'idcategory' : ''}替换{'idcategory' : idc }。