如何在jquery中使用json响应

Question

我尝试在html中附加国家/地区列表。在我的json中有一个带有id的国家/地区名称

响应数据。请看下面的图片。

这里15是国家ID，巴西是国名。但我不知道如何

在$ .each中迭代响应数组。请帮忙。

Answer 1

试试这个：

var arr = [["15","Brazil"],["14","Italy"],["13","Spain"],["15","Scotland"]];

$.each(arr, function(key,obj){
    // obj contains array like : ["15","Brazil"]
    $('body').append('<div>id:'+obj[0]+', country:' + obj[1]+'</div>');
 })

http://jsfiddle.net/bSfT2/1/

Answer 2

如JQuery manual中所述，您可以使用.each方法迭代json：

$.getJSON( "ajax/myfile.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li id='" + val[0] + "'>" + val[1] + "</li>" );
  });
  $( "<ul/>", {
    "class": "countries",
    html: items.join( "" )
  }).appendTo( "body" );
});

否则，如果你有一个字符串：

 var jsonData = [["15","Brazil"],["14","Italy"]];
 $.each(jsonData, function(key,val){
    $('#divID').append('<div>id:'+ val[0] + ', country:' + val[1] + '</div>');
 })

此处DEMO。