如何阅读json响应

时间:2013-08-22 16:41:58

标签: php javascript jquery json getjson

我有一个像这样格式的数据形式的json响应。它是发布的整个数据的一部分

JSON Data Here

我制作了一个脚本来读取数据:

$(document).ready(function() {
$.getJSON('http://services.berthojoris.com/json/baca2.php', function(data) {
       for(var i=0; i<data[0].actionDetails.length;i++){
          document.write('Judul Halaman : '+ data[1].actionDetails[i].pageTitle+"<br>");
          document.write('URL : '+ data[1].actionDetails[i].url+"<hr>");
       }
   });
});

但是使用getJSON生成的数据只有1,2或5个数据。虽然实际上有很多结果生成过程。

Result

如何捕获所有生成的数据?

我只是想从数据中获取 pageTitle url 数据。

1 个答案:

答案 0 :(得分:3)

乍一看,您正在混合data[0]data[1](它将显示data数组中第一项的所有操作详情)

$(document).ready(function() {
$.getJSON('http://services.berthojoris.com/json/baca2.php', function(data) {
       for(var i=0; i<data[0].actionDetails.length;i++){
          document.write('Judul Halaman : '+ data[0].actionDetails[i].pageTitle+"<br>");
          document.write('URL : '+ data[0].actionDetails[i].url+"<hr>");
       }
   });
});

如果要显示数据中的所有操作项

$(document).ready(function() {
    $.getJSON('http://services.berthojoris.com/json/baca2.php', function(data) {

        $.each(data, function(idx, item){
            $.each(item.actionDetails, function(idx, actionDetail){
                document.write('Judul Halaman : '+ actionDetail.pageTitle+"<br>");
                document.write('URL : '+ actionDetail.url+"<hr>");
            })
        })
    });
});

另请注意,您可能必须使用$('body').append(string)代替document.write(string)