如何在jquery中循环遍历json数组？

Question

我有一个php页面,我在json中得到响应:

[{'com':'something'},{'com':'some other thing'}]

我想循环它并将每个附加到div.

这是我试过的:

var obj = jQuery.parseJSON(response);
$.each(obj.com, function(key,value) {
  alert(key+':'+value);
}

这个警告为undefined,并且响应是json数组..

请帮忙.

Answer 1

您的数组具有存储对象{'com':'some thing'} 使用的默认键(0,1):

var obj = jQuery.parseJSON(response);
$.each(obj, function(key,value) {
  alert(value.com);
}); 

Answer 2

试试这个:

var data = jQuery.parseJSON(response);
$.each(data, function(key, item) 
{
   console.log(item.com);
});

要么

var data = $.parseJSON(response);

$(data).each(function(i,val)
 {
    $.each(val,function(key,val)
  {
          console.log(key + " : " + val);     
  });
});

Answer 3

您正在迭代一个undefined值，即com数组对象的属性，您应该迭代数组本身：

$.each(obj, function(key,value) {
   // here `value` refers to the objects 
});

另请注意，jQuery 会智能地尝试解析发送的 JSON，可能您不需要解析响应。如果您使用$.ajax()，您可以设置dataType来json告诉 jQuery 为您解析 JSON。

如果仍然不起作用，请检查浏览器的控制台以进行故障排除。

Answer 4

var data = [ \n {"Id": 10004, "PageName": "club"}, \n {"Id": 10040, "PageName": "qaz"}, \n {"Id": 10059, "PageName": "jjjjjjj"}\n];\n\n$.each(data, function(i, item) {\n   alert(data[i].PageName);\n});\xe2\x80\x8b\n\n$.each(data, function(i, item) {\n  alert(item.PageName);\n});\xe2\x80\x8b\n

\n\n

或者你可以尝试这个方法

\n\n

var data = jQuery.parseJSON(response);\n$.each(data, function(key,value) {\n   alert(value.Id);    //It will shows the Id values\n}); \n

\n