我对jquery很陌生。我有一个api'/ categories'，它向我返回类别的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>
但是当我点击按钮时它什么也没做。我已经尝试过上一篇关于堆栈溢出的文章，但是没有任何效果
最佳答案
更改
$.each(function(obj,ind,data){
$('#div').append(obj.slug);
});
进入
$.each(data, function(i, item) {
$('div').append(data[i].slug);
//or
//$('div').append(item.slug);
});