javascript - jQuery 从 div 解析 JSON

Question

我是 jQuery 的初学者，我正在尝试使用 $.getJSON 函数从 div 解析 JSON 数据，但它不起作用。你能告诉我该怎么做吗？这是我正在使用的代码:

<div id="json">
   {"data":[
     {"a":"b"},
     {"a":"c"}
   ]}
</div>

<script>
$(document).ready(function() { 
    $.getJSON( $("#json").html() , function(json) {
        $.each(json.data, function(index, value) { $('.data').append(value.a+'<br />'); } );
    });
});
</script>

<div class="data"></div>

Answer 1

$.getJSON() 方法旨在对您的网络服务器进行 Ajax 调用，而不是从页面上获取某些内容。试试这个:

$(document).ready(function() {
    var data = $.parseJSON($("#json").html());
    $.each(data.data, function(index, value) { $('.data').append(value.a+'<br />'); } );
});

演示:http://jsfiddle.net/SyHN8/

使用 $("#json").html() 将为您提供字符串形式的字段内容，然后将其传递给 $.parseJSON() 获取可以使用的对象。