无法通过AJAX将JSON呈现为HTML

Question

我想问一下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>

我想显示“ 城市并计数 ”，但结果是“ 未定义未定义 ”。 有人可以帮助我吗？ 谢谢

Answer 1

更改此：

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

对此：

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

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