jQuery 循环遍历 AJAX 成功的 JSON 结果? [英] jQuery loop over JSON result from AJAX Success?

问题描述

在 jQuery AJAX 成功回调上，我想遍历对象的结果.这是响应在 Firebug 中的外观示例.

<预><代码>[{"TEST1":45,"TEST2":23,"TEST3":"DATA1"},{"TEST1":46,"TEST2":24,"TEST3":"DATA2"},{"TEST1":47,"TEST2":25,"TEST3":"DATA3"}]

如何遍历结果以便我可以访问每个元素?我已经尝试过类似下面的方法，但这似乎不起作用.

jQuery.each(data, function(index, itemData) {//itemData.TEST1//itemData.TEST2//itemData.TEST3});

解决方案

你可以去掉外层循环，用data.data替换this:

$.each(data.data, function(k, v) {///做东西});

你很接近:

$.each(data, function() {$.each(this, function(k, v) {///做东西});});

您有一个对象/地图数组，因此外循环会遍历这些对象/地图.内部循环遍历每个对象元素的属性.

On the jQuery AJAX success callback I want to loop over the results of the object. This is an example of how the response looks in Firebug.

[
 {"TEST1":45,"TEST2":23,"TEST3":"DATA1"},
 {"TEST1":46,"TEST2":24,"TEST3":"DATA2"},
 {"TEST1":47,"TEST2":25,"TEST3":"DATA3"}
]

How can I loop over the results so that I would have access to each of the elements? I have tried something like below but this does not seem to be working.

jQuery.each(data, function(index, itemData) {
  // itemData.TEST1
  // itemData.TEST2
  // itemData.TEST3
});

解决方案

you can remove the outer loop and replace this with data.data:

$.each(data.data, function(k, v) {
    /// do stuff
});

You were close:

$.each(data, function() {
  $.each(this, function(k, v) {
    /// do stuff
  });
});

You have an array of objects/maps so the outer loop iterates over those. The inner loop iterates over the properties on each object element.

这篇关于jQuery 循环遍历 AJAX 成功的 JSON 结果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！