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()方法旨在對您的Web服務器進行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()以取回可以使用的對象。

Answer 2

$ .getJSON使用GET HTTP請求從服務器加載JSON編碼的數據。 您不能像使用它那樣使用它。