Question

在ajax调用中，我需要获取JSON对象参数的值作为响应，但我不明白该怎么做。

如果这是我的PHP文件，我在其中重现JSON结构

echo " { ";
echo '"general" : {';
echo '"obj" : [
    {"name" : "Primo", "description" : "Descrizione associata alla prima voce"},
    {"name" : "Secondo", "description" : "Descrizione associata alla seconda voce"},
    {"name" : "Terzo", "description" : "Descrizione associata alla terza voce"}
]}}';

这是我的HTML文件

$(document).ready(function(e) {
    $('#name li').click(function() {
        var name = $(this).text();
        url = "example.php?name=" + name;
        $.getJSON(url,
            function(json) {
                //for (i = 0; i < json.general.obj.length; i++) {
                //output = "<tr>";
                output = "<td>" + json.general.obj[0].name + "</td>";
                output += "<td>" + json.general.obj[0].description + "</td>";
                //output += "</tr><br/>";

                console.log(output);

                $("#response").append(output);
                //}
            });
        }); 
    });

<ul id="name">
    <li data-id="1">Primo</li>
    <li data-id="2">Secondo</li>
    <li data-id="3">Terzo</li>
</ul>   

<div id="response">
    <!--Data goes here-->
</div>

哪种方式正确？我在哪里需要放置$_REQUEST['name']变量作为响应接收所需的＆＃34;描述＆＃34;值？

我被困在那里

Answer 1

您可以使用data-id按索引检索数组的特定项，如下所示：

$('#name li').click(function() {
    var name = $(this).text();
    var index = $(this).data('id') -1;
    var url = "example.php?name=" + name;

    $.getJSON(url, function(json) {
        output = "<p>" + json.general.obj[index].name + "</p>";
        output += "<p>" + json.general.obj[index].description + "</p>";
        $("#response").append(output);
    }); 
});

Example fiddle

请注意，我已将td中的output更改为p，因为td元素仅在表格中有效。

此外，如果您只想显示最后点击元素的数据（而不是每次都附加一个新集），您可以使用：

$("#response").html(output);

根据ul li click从JSON中提取元素

1 个答案: