blocks|key|1370729|text|您可以删除外部循环，并用data.data替换this|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1370730|$.each(data.data,+function(k,+v)+{
++++///+do+stuff
});|code-block|syntax|javascript|1370731|你很接近了：|1370732|$.each(data,+function()+{
++$.each(this,+function(k,+v)+{
++++///+do+stuff
++});
});|1370733|您有一个对象/贴图数组，因此外部循环将遍历这些对象/贴图。内部循环遍历每个对象元素的属性。|1370734|entityMap^0|C|9|N|4|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

<p>you can remove the outer loop and replace <code>this</code> with <code>data.data</code>:</p>

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

<p>You were close:</p>

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

<p>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.</p>


blocks|key|1370837|text|您还可以使用getJSON函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1370838|++++$.getJSON('/your/script.php',+function(data)+{
++++++++$.each(data,+function(index)+{
++++++++++++alert(data[index].TEST1);
++++++++++++alert(data[index].TEST2);
++++++++});
++++});|code-block|syntax|javascript|1370839|这真的只是对ifesdjeen答案的重新表述，但我认为它可能会对人们有所帮助。|1370840|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.getJSON/^0|6|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>You can also use the <a href="http://api.jquery.com/jQuery.getJSON/" rel="noreferrer">getJSON</a> function:</p>

<pre><code>    $.getJSON('/your/script.php', function(data) {
        $.each(data, function(index) {
            alert(data[index].TEST1);
            alert(data[index].TEST2);
        });
    });
</code></pre>

<p>This is really just a rewording of ifesdjeen's answer, but I thought it might be helpful to people.</p>


blocks|key|1370788|text|如果你使用Fire+Fox，只需打开一个控制台(使用F12键)并尝试如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370789|var+a+=+[
+{"TEST1":45,"TEST2":23,"TEST3":"DATA1"},
+{"TEST1":46,"TEST2":24,"TEST3":"DATA2"},
+{"TEST1":47,"TEST2":25,"TEST3":"DATA3"}
];

$.each+(a,+function+(bb)+{
++++console.log+(bb);
++++console.log+(a[bb]);
++++console.log+(a[bb].TEST1);
});|code-block|syntax|javascript|1370790|希望能有所帮助|1370791|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>If you use Fire Fox, just open up a console (use F12 key) and try out this:</p>

<pre><code>var a = [
 {"TEST1":45,"TEST2":23,"TEST3":"DATA1"},
 {"TEST1":46,"TEST2":24,"TEST3":"DATA2"},
 {"TEST1":47,"TEST2":25,"TEST3":"DATA3"}
];

$.each (a, function (bb) {
    console.log (bb);
    console.log (a[bb]);
    console.log (a[bb].TEST1);
});
</code></pre>

<p>hope it helps</p>


blocks|key|1585996|text|对于其他坚持这样做的人来说，它可能不起作用，因为ajax调用将返回的数据解释为文本-即它还不是JSON对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1585997|您可以通过手动使用parseJSON命令或简单地将dataType：'+JSON‘属性添加到ajax调用来将其转换为json对象。例如：|1585998|jQuery.ajax({
++++type:+'POST',
++++url:+'<?php+echo+admin_url('admin-ajax.php');+?>',
++++data:+data,+
++++dataType:+'json',+//+**+ensure+you+add+this+line+**
++++success:+function(data)+{
++++++++jQuery.each(data,+function(index,+item)+{
++++++++++++//now+you+can+access+properties+using+dot+notation
++++++++});
++++},
++++error:+function(XMLHttpRequest,+textStatus,+errorThrown)+{
++++++++alert("some+error");
++++}
});|code-block|syntax|javascript|1585999|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>For anyone else stuck with this, it's probably not working because the ajax call is interpreting your returned data as text - i.e. it's not yet a JSON object.</p>

<p>You can convert it to a JSON object by manually using the parseJSON command or simply adding the dataType: 'json' property to your ajax call. e.g.</p>

<pre><code>jQuery.ajax({
    type: 'POST',
    url: '&lt;?php echo admin_url('admin-ajax.php'); ?&gt;',
    data: data, 
    dataType: 'json', // ** ensure you add this line **
    success: function(data) {
        jQuery.each(data, function(index, item) {
            //now you can access properties using dot notation
        });
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("some error");
    }
});
</code></pre>


blocks|key|1370769|text|像访问任何其他数组一样访问json数组。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370770|for(var+i+=0;i+<+itemData.length-1;i%2B%2B)
{
++var+item+=+itemData[i];
++alert(item.Test1+%2B+item.Test2+%2B+item.Test3);
}|code-block|syntax|javascript|1370771|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Access the json array like you would any other array.</p>

<pre><code>for(var i =0;i &lt; itemData.length-1;i++)
{
  var item = itemData[i];
  alert(item.Test1 + item.Test2 + item.Test3);
}
</code></pre>


blocks|key|1586038|text|这就是我想出的轻松查看所有数据值的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1586039|​|1586040|var+dataItems+=+"";
$.each(data,+function+(index,+itemData)+{
++++dataItems+%2B=+index+%2B+":+"+%2B+itemData+%2B+"\n";
});
console.log(dataItems);|code-block|syntax|javascript|1586041|1586042|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>This is what I came up with to easily view all data values:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var dataItems = "";
$.each(data, function (index, itemData) {
    dataItems += index + ": " + itemData + "\n";
});
console.log(dataItems);</code></pre>
</div>
</div>
</p>


blocks|key|1371021|text|如果你不想要警告，那就是你想要html，然后这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1371022|...
++++$.each(data,+function(index)+{
++++++++$("#pr_result").append(data[index].dbcolumn);
++++});
...|code-block|syntax|javascript|1371023|注意:使用"append“而不是"+html”，否则最后的结果就是您在html视图中看到的结果。|1371024|那么您的html代码应该如下所示：|1371025|...
<div+id="pr_result"></div>
...|1371026|您还可以在将div呈现为html之前在jquery中设置div的样式(添加类|1371027|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>if you don't want alert, that is u want html, then do this</p>

<pre><code>...
    $.each(data, function(index) {
        $("#pr_result").append(data[index].dbcolumn);
    });
...
</code></pre>

<p>NOTE: use "append" not "html" else the last result is what you will be seeing on your html view</p>

<p>then your html code should look like this</p>

<pre><code>...
&lt;div id="pr_result"&gt;&lt;/div&gt;
...
</code></pre>

<p>You can also style (add class) the div in the jquery before it renders as html</p>


blocks|key|1371051|text|我将.map用于foreach。例如|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1371052|success:+function(data)+{
++let+dataItems+=+JSON.parse(data)
++dataItems+=+dataItems.map((item)+=>+{
++++return+$(`<article>
++++++++++++++++<h2>${item.post_title}</h2>
++++++++++++++++<p>${item.post_excerpt}</p>
++++++++++++++</article>`)
++})
},|code-block|syntax|javascript|1371053|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I use .map for foreach. For example</p>

<pre><code>success: function(data) {
  let dataItems = JSON.parse(data)
  dataItems = dataItems.map((item) =&gt; {
    return $(`&lt;article&gt;
                &lt;h2&gt;${item.post_title}&lt;/h2&gt;
                &lt;p&gt;${item.post_excerpt}&lt;/p&gt;
              &lt;/article&gt;`)
  })
},
</code></pre>


blocks|key|1586196|text|如果您使用如下所示的json+ajax调用函数的短方法，则需要将返回的数据解释为JQuery对象，以便能够遍历。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1586197|$.get('url',+function(data,+statusText,+xheader){
+//+your+code+within+the+success+callback
++var+data+=+$.parseJSON(data);
++$.each(data,+function(i){
+++++++++console.log(data[i]);
++++++})
})|code-block|syntax|javascript|1586198|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you are using the short method of JQuery ajax call function as shown below, the returned data needs to be interpreted as a json object for you to be able to loop through. </p>

<pre><code>$.get('url', function(data, statusText, xheader){
 // your code within the success callback
  var data = $.parseJSON(data);
  $.each(data, function(i){
         console.log(data[i]);
      })
})
</code></pre>


blocks|key|1370866|text|$each会工作的..另一个选项是jQuery+Ajax+Callback+for+array+result|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1370867|function+displayResultForLog(result)+{
++if+(result.hasOwnProperty("d"))+{
++++result+=+result.d
++}

++if+(result+!==+undefined+&&+result+!=+null)+{
++++if+(result.hasOwnProperty('length'))+{
++++++if+(result.length+>=+1)+{
++++++++for+(i+=+0;+i+<+result.length;+i%2B%2B)+{
++++++++++var+sentDate+=+result[i];
++++++++}
++++++}+else+{
++++++++$(requiredTable).append('Length+is+0');
++++++}
++++}+else+{
++++++$(requiredTable).append('Length+is+not+available.');
++++}

++}+else+{
++++$(requiredTable).append('Result+is+null.');
++}
}|code-block|syntax|javascript|1370868|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/13683263/jquery-ajax-callback-for-array-result^0|0|5|H|11|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p><code>$each</code> will work.. Another option is <a href="https://stackoverflow.com/questions/13683263/jquery-ajax-callback-for-array-result">jQuery Ajax Callback for array result</a></p>

<pre><code>function displayResultForLog(result) {
  if (result.hasOwnProperty("d")) {
    result = result.d
  }

  if (result !== undefined &amp;&amp; result != null) {
    if (result.hasOwnProperty('length')) {
      if (result.length &gt;= 1) {
        for (i = 0; i &lt; result.length; i++) {
          var sentDate = result[i];
        }
      } else {
        $(requiredTable).append('Length is 0');
      }
    } else {
      $(requiredTable).append('Length is not available.');
    }

  } else {
    $(requiredTable).append('Result is null.');
  }
}
</code></pre>


blocks|key|1371167|text|我倾向于使用ES2015箭头函数来查找数组中的值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1371168|const+result+=+data.find(x=>+x.TEST1+===+'46');|code-block|syntax|javascript|1371169|签出Array.prototype.find()+HERE|offset|length|1371170|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find^0|0|0|P|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>I am partial to ES2015 arrow function for finding values in an array</p>

<pre><code>const result = data.find(x=&gt; x.TEST1 === '46');
</code></pre>

<p>Checkout Array.prototype.find() <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find" rel="nofollow noreferrer">HERE</a></p>


<p>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.</p>

<pre><code>[
 {"TEST1":45,"TEST2":23,"TEST3":"DATA1"},
 {"TEST1":46,"TEST2":24,"TEST3":"DATA2"},
 {"TEST1":47,"TEST2":25,"TEST3":"DATA3"}
]
</code></pre>

<p>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.</p>

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


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"}]我如何遍历结果，以便可以访问每个元素？我已经尝试了类

问AJAX的成功会导致jQuery循环吗？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AJAX的成功会导致jQuery循环吗？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AJAX的成功会导致jQuery循环吗？
EN