Question

我对jquery很新。我有一个api＆＃39; /类别＆＃39;它返回我json类别的对象。响应就像这种格式：

[
{
name: "Laptop deals",
slug: "laptop-deals",
imageURL: "image.jpg",
id: 1
},
{
name: "Fashion deals",
slug: "fashion-deals",
imageURL: "image.jpg",
id: 2
},
{
name: "Mobile deals",
slug: "mobile-deals",
imageURL: "image.jpg",
id: 3
},
{
name: "Home & Kitchen deals",
slug: "home-and-kitchen-deals",
imageURL: "image.jpg",
id: 4
},
]

我想在我的html视图中访问它来显示。我试过这个：

<script>
$(document).ready(function(){
$("button").click(function(){
    $.getJSON('/categories',function(data){
      $.each(function(obj,ind,data){
          $('#div').append(obj.slug);
      });
    });
});
});
</script>
</head>
<body>
<button>Get JSON data</button>
<div></div>
</body>

但是当我点击按钮时它什么也没做。我曾尝试过关于堆栈溢出的上一篇文章，但没有任何工作

Answer 1

更改

$.each(function(obj,ind,data){ $('#div').append(obj.slug); });

<强>到

$.each(data, function(i, item) { $('div').append(data[i].slug); //or //$('div').append(item.slug); });

如何在来自Server的视图页面上打印json数据

1 个答案: