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|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|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|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|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|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|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|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

JSON

在jQuery AJAX成功回调中，我希望遍历对象的结果。这是一个在Firebug中显示响应的示例。[ {"TEST1":45,"TEST2":23,"TEST3":"DATA1"}, {"TEST1":46,"TEST2":24,"TEST3":"DATA2"}, {"TEST1":47,"TEST2":25,"TE...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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