Question

AJAX 获取json中的数据后，怎么循环展示里面的数组

json里的数据
{
"comments":[
{"nicknameA":"张三","nicknameB":"李四"},
{"nicknameA":"李四","nicknameB":"张三"},
{"nicknameA":"李四"}
]
}
我的代码
<ul id="a">
<li></li>
<li></li>
<li></li>
</ul>
$(function(){
$.ajax({
type : "get",
async:false,
url : "n.json",
data : "{}",
dataType : "json",
jsonp: "callback",

success : function(data){
var arr = data.comments;
for(var i=0; i < arr.length; i++){
alert(arr[i].nicknameA)
$("#a").html(arr[i].nicknameA);
}
}
});
});
不知道哪里又问题，上网查了也没有查到。我这里alert可以弹出json里面的全部数据，但是$("#a").html()里显示的只有第一个李四。怎么才能让剩下的数据也显示出来？

Answer 1

循环可以使用:each方法

data.goodList.each(function(i,_this){
// 在这里拼接

})
还有一种方法使用template.js

Answer 2

var arr=data.comments;

$.each(arr,function(i,n){
<ul id="a">
<li>arr[i].nicknameA</li>
<li>arr[i].nicknameB</li>
<li></li>
</ul>
});