javascript - 无法通过 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 属性，它是一个对象数组。