0

我有一个 html 页面,它将发送 json 请求以从服务器获取数据 [尽管 php-mysql]。我看到没有收到回复。我尝试通过 fiddler 进行调试,可以看到“响应不包含有效的 json 文本。

我的代码如下

html

<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-latest.js" 
        type="text/javascript">
</script>

<script type="text/javascript">
function populateFruitVariety() {

    $.getJSON('serverside.php', 
               {fruitName:$('#fruitName').val()}, 
               function(data)  {

    var select = $('#fruitVariety');

    if(select.prop) {
        var options = select.attr('options');
    } else {
        var options = select.attr('options');
    }

    $('option', select).remove();

    $.each(data, function(val, text) {
        options[options.length] = new Option(text, val);
    });
    });
}

$(document).ready(function() {
    populateFruitVariety();
    $('#fruitName').change(function() {
        populateFruitVariety();
    });
});

</script>

<form>
    Fruit:
    <select name="name" id="fruitName">
        <option>Apple</option>
        <option>Banana</option>
        <option>Orange</option>
        <option>Pear</option>
    </select>
    Variety:
    <select name="variety" id="fruitVariety">
    </select>
</form>
</html>

服务器端.php

<?php
header('Content-type: application/json');

$host="localhost";
$username="root";
$password="";
$database="db_common";
$table_fruit_info = "fruit_info";
$tc_fruit_id = "fruit_id";
$tc_fruit_index = 'fruit_index';

$con = mysql_connect("$host", "$username", "$password") 
       or die(mysql_error());
mysql_select_db("$database") or die(mysql_error());

if(isset($_GET['fruitName'])) {
    $fruit_id = $_GET['fruitName'];
    $result = mysql_query("SELECT * FROM $table_fruit_info
                WHERE $tc_fruit_id='$fruit_id'");
    while($rows = mysql_fetch_array($result))
    {
        $ret_fruitIndex = $rows[$tc_fruit_index];
    }
}
echo json_encode($ret_fruitIndex);
?>

谢谢你的帮助!

4

3 回答 3

2

看起来$ret_fruitIndex只是一个字符串,没有适当的 JSON 代表。在您的 while 循环中,您将在每次传递时覆盖此变量的值,我认为这不是您想要做的。

我假设你真的想要这样的东西:

$ret_fruitIndex[] = $rows[$tc_fruit_index];

作为一个方面,您的代码很容易受到 SQL 注入的影响,您也不应该使用mysql_*已弃用的函数。我建议使用mysqli_*函数、PDO 或更现代、更安全的东西。

关于你的 jQuery:我不确定你在这里做什么:

if(select.prop) {
    var options = select.attr('options');
} else {
    var options = select.attr('options');
}

因为那里的情况没有任何区别。

我也相信你的each()功能是错误的。传递给回调函数的参数将是数据的索引值和该索引的值。

您的逻辑应该是删除所有选项,而不是根据数据添加新选项,所以我不知道为什么该options变量与此回调函数有任何关系。

于 2012-12-28T20:17:54.997 回答
1

你需要一个水果名称数组,所以替换 $ret_fruitIndex = $rows[$tc_fruit_index];

$ret_fruitIndex[] = $rows[$tc_fruit_index];

于 2012-12-28T20:27:22.410 回答
0

修复 PHP 后,将 JS 回调更改为:

function(data)  {

    var select = $('#fruitVariety');

    select.empty();

    $.each(data, function(val, text) {
        select.append($('option', {value: val}).text(text));
    });

});

options不是对 DOM 中数组的引用,它是一个 jQuery 对象,因此添加到它不会更新 DOM。

于 2012-12-28T20:49:54.353 回答