使用 JSON 和 jQuery 构建列表答案

【问题标题】：Build a list with JSON and jQuery使用 JSON 和 jQuery 构建列表
【发布时间】：2011-10-09 18:35:54
【问题描述】：

我需要使用从我的文件“sendjson.php”（当然是 json）中获取的参数“name”来构建一个列表。我怎样才能像这样使用 jQuery 创建一个列表？

<div id="firstresultname">Firstresultname</div>
<div id="secondresultname">Secondresultname</div>

我不知道会有多少结果，所以可以检测并在 div 上写入正确的数字？谢谢！

【问题讨论】：

请定义“列表”。请显示 sendjson.php。
你能告诉你问题出在哪里吗？指定您获得的 json 响应以及您希望如何显示它...
对于列表，我的意思是一系列元素...这是 sendjson.php 的结果示例：{"items":[{"name":"iPod Shuffle"},{" name":"Nintendo Wi"}]} - 我需要为每个 div 显示一个结果。使用我在 json 中发布的示例，它应该变成
iPod shuffle

Nintendo Wii

标签： javascript jquery json list

【解决方案1】：

$.each(json, function(key, value){
    $("body").append('<div id="'+value+'">'+value+'</div>');
});

或者只是

$.each(json, function(key, value){
    $("body").append('<div>'+value+'</div>');
});

要检索 json 和进程，请执行以下操作

$.ajax({
    'url' : 'yoururl.php',
    dataType: 'json',
    success: function(json){
        $.each(json, function(key, value){
            $("body").append('<div>'+value+'</div>');
        });
    }
});

【讨论】：