无法通过 AJAX 将 JSON 呈现为 HTML答案

【问题标题】：Can't rendering JSON to HTML by AJAX无法通过 AJAX 将 JSON 呈现为 HTML
【发布时间】：2016-09-09 02:25:50
【问题描述】：

我想问一下关于 JSON 的问题，这是 JSON

{
 "city":[
          {
           "city":"Jakarta",
           "count":"747"
          },

          {
            "city":"Bali",
            "count":"600"
          }
        ]
}

还有我的 JavaScript

var $content = $(".wrapper");
$.ajax({
   url         : "http://myapi.com",
   type        : "GET",
   dataType    : "json",
   success     : function(data){
       $.each(data, function(i, data){
       $content.append("<div class='city'>"+ data.city +"</div><div class='jumlah'>"+ data.count +"</div>");});
      },
error:function(){
      alert('error');
   }
});

我的 HTML 页面

<div class="wrapper">
   <div class="city"></div>
   <div class="jumlah"></div>
</div>

我想显示 'city 和 count' 但结果是 'undefined undefined'。任何人都可以帮助我吗？谢谢

【问题讨论】：

是的，我明白，它有效！非常感谢 nnnnnn。

标签： javascript jquery json ajax api

【解决方案1】：

改变这个：

   $.each(data, function(i, data){

到这里：

   $.each(data.city, function(i, data){

作为success 函数参数的data 变量指的是整个对象，但您实际上似乎想要迭代的是该对象的city 属性，它是一个对象数组。

【讨论】：