javascript - 更改代码以读取不同的 JSON 格式

Question

我有这个读取 JSON 数据的代码：

$.getJSON("data.json", function(data){
    var output = '';

    $.each(data, function(index, value){
    output += '<li>' + value.title + '</li>';

    });
    $('#listview').append(output).listview('refresh');
    });

上面的代码可以读取这种格式的 JSON：

[
    {"title":"mytitle1"},
    {"title":"mytitle2"},
    {"title":"mytitle3"}

]

我现在需要让它读取这个 JSON 格式：

{"cats":

[

{"title":"mytitle1"},
{"title":"mytitle2"},
{"title":"mytitle3"}

]

}

我怎样才能做到这一点？

Answer 1

这应该有效。您需要在函数中引用该cats元素。each

$.getJSON("data.json", function(data){
  var output = '';

  $.each(data.cats, function(index, value){
    output += '<li>' + value.title + '</li>';

  });
  $('#listview').append(output).listview('refresh');
});

Answer 2

您只需更改回调以使用返回数据的“cats”属性。

将带有 $.each 的行更改为如下所示：

$.each(data.cats, function(index, value){

请注意，它正在迭代 data.cats，而不仅仅是数据。