jQuery解析JSON数组

小编典典

jQuery解析JSON数组

json

我有JSON类似以下的输出：

["City1","City2","City3"]

我想获取每个城市的名称，该怎么办？

$.getJSON("url_with_json_here",function(json){

});

编辑：

$.getJSON('url_here', function(data){
    $.each(data, function (index, value) {
      $('#results').append('<p>'+value+'</p>');
        console.log(value);
    });
});

上面的方法似乎无效，没有输出任何值。

阅读 226

2020-07-27

共1个答案

小编典典

getJSON()也会在提取后为您解析JSON，因此从那时起，您将使用简单的Javascript数组（[]在JSON中标记为数组）。该文档还包含有关如何处理获取的数据的示例。

您可以使用for循环获取数组中的所有值：

$.getJSON("url_with_json_here", function(data){
    for (var i = 0, len = data.length; i < len; i++) {
        console.log(data[i]);
    }
});

检查您的控制台以查看输出（Chrome，Firefox /
Firebug，IE）。

jQuery还提供$.each()了迭代，因此您也可以这样做：

$.getJSON("url_with_json_here", function(data){
    $.each(data, function (index, value) {
        console.log(value);
    });
});

2020-07-27