如何在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 数组。

- Niket Malik

---

@KoIIIeY没有显示任何警报。 - Niket Malik

Answer 1

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

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

- Dell

---

有没有办法逐个淡入？我在添加时使用了.hide().fadeIn(800);，但它会一次性淡入整个内容，是否可能逐个淡入？ - Niket Malik

在添加任何元素之后（在将控制权交给用户之前），您必须重新绑定事件（$（...）。bind（“”）或attachEvent（））。 - Dell

我解决了，我隐藏了所有的div，然后对每个进行了淡入，无论如何，谢谢:D - Niket Malik

最后一行语法错误：需要正确的闭合 }); - ChristoKiwi

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);     
  });
});

- Prateek

---

循环但同时显示 [object, object] 我是通过 AJAX 调用获取 JSON 数据的 - Niket Malik

Answer 3

var data = [ 
 {"Id": 10004, "PageName": "club"}, 
 {"Id": 10040, "PageName": "qaz"}, 
 {"Id": 10059, "PageName": "jjjjjjj"}
];

$.each(data, function(i, item) {
   alert(data[i].PageName);
});​

$.each(data, function(i, item) {
  alert(item.PageName);
});​

或者您可以尝试这种方法。

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

- Pasupathi Thangavel

Answer 4

您正在遍历一个未定义的值，即数组对象的com属性，您应该遍历数组本身：

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

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

如果仍然无法正常工作，请检查浏览器控制台进行故障排除。

- Ram

Answer 5

var data=[{'com':'something'},{'com':'some other thing'}];
$.each(data, function() {
  $.each(this, function(key, val){
    alert(val);//here data 
      alert (key); //here key

  });
});

- user2667398

Answer 6

你可以获取键值对，如下所示：

<pre>
function test(){    
var data=[{'com':'something'},{'com':'some other thing'}];    
$.each(data, function(key,value) {    
alert(key);  
alert(value.com);    
});    
}
</pre>

- user3762267

---

请在您的答案中添加一些解释。谢谢！ - Sampada

Answer 7

试试这个：

for(var i = 0; i < data.length; i++){
    console.log(data[i].com)
}

- Vaibhav Jain

Answer 8

试一下这个

var events = [];

alert(doc);
var obj = jQuery.parseJSON(doc);

     $.each(obj, function (key, value) {

    alert(value.title);

});

- McNiel Viray