循环JSON的JQuery失败了

时间:2011-01-13 20:26:10

标签: jquery json

我已经阅读了其他几乎准确的问题,但我仍然悲惨地失败了。我给。 我在这里尝试了每一个答案......

以下是json的一个示例:

[{"count":4,"date":"2010-03-02 09:30:00","id":291,"code":"BPT"},
{"count":4,"date":"2010-03-02 10:30:00","id":292,"code":"BPT"},
{"count":3,"date":"2010-03-02 11:30:00","id":293,"code":"BPT"},
{"count":9,"date":"2010-03-02 12:30:00","id":294,"code":"BPT"},
{"count":8,"date":"2010-03-02 13:30:00","id":295,"code":"BPT"},
{"count":8,"date":"2010-03-02 14:30:00","id":296,"code":"BPT"},
{"count":17,"date":"2010-03-02 15:30:00","id":297,"code":"BPT"}]

这是当前的盲目刺激,让它循环遍历数组中的每个哈希:

<body>

<div id="junk">
</div>
<script type='text/javascript'>
$.getJSON('bpt.json', function(data) {
    $.each(data, function() {
        $("#junk").html(this.count + "<br />");
    });
});
</script>

</body>
我正在使用萤火虫,我不确定在哪里看。它只打印第一个值或键。 Firebug确实显示json正在被正确解析。

2 个答案:

答案 0 :(得分:1)

你想打印每个'计数'吗? 如果是这样,你将不得不使用append()而不是html()。 html()取代了整个innerHtml。

$("#junk").append(this.count + "<br />");

示例:http://www.jsfiddle.net/Fndmp/

答案 1 :(得分:0)

这很有效。

$("#junk").append(data[i].date + "<br />");

这不是。

$("#junk").html(this.count + "<br />");

如果对你们这些人来说这很明显,我道歉。第一次JQuery嘉宾,长时间倾听。