Javascript JS-呈现所有注释
我的json数据如下所示:Javascript JS-呈现所有注释,javascript,json,ajax,Javascript,Json,Ajax,我的json数据如下所示: { "comment_ds": [ { "c_user": [ "Bob", "Bob", "Bob", "Bob", "Bob&qu
{
"comment_ds": [
{
"c_user": [
"Bob",
"Bob",
"Bob",
"Bob",
"Bob"
],
"c_user_img": [
"/media/accounts/1809094310/1809094310.jpg",
"/media/accounts/1809094310/1809094310.jpg",
"/media/accounts/1809094310/1809094310.jpg",
"/media/accounts/1809094310/1809094310.jpg",
"/media/accounts/1809094310/1809094310.jpg"
],
"c_content": [
"nice",
"awesome",
"very cool",
"great",
"perfect"
]
}
]
}
我使用ajax响应的这一部分来呈现数据:
success: function(data) {
comm_data = data['comment_ds'][0];
var i = 0;
Object.entries(comm_data).forEach(([key, value]) => {
if (i < value.length){
c_user = comm_data["c_user"][i];
c_content = comm_data["c_content"][i];
c_user_img = comm_data["c_user_img"][i];
comment = document.createElement('tr');
comment.setAttribute('class','comment')
$(comment).html(`
<th class="comm_th_1"><img class="comm_user_image" src="${c_user_img}"><a class="comm_user">${c_user}</a></th>
<th class="comm_th_2">${c_content}</th>
<th class="comm_th_3"></th>`);
$('.comm_cont').append(comment);
}
i+=1;
});
}
}
成功:函数(数据){
comm_data=data['comment_ds'][0];
var i=0;
Object.entries(comm_data).forEach(([key,value])=>{
如果(i
它适用于前3条注释,但随后停止
当I console.logvalue.length
时,我得到5,但I
在3处停止递增
感谢您的建议您可以使用
forEach
方法通过c\u user
属性进行循环。此方法支持索引器
由于c\u user
,c\u user\u img
和c\u content
具有相同的大小,您可以使用该索引来分配另一个值:c\u user\u img
c\u content
:
var数据={
“评论”:[
{
“c_用户”:[
“鲍勃”,
“鲍勃”,
“鲍勃”,
“鲍勃”,
“鲍勃”
],
“c_user_img”:[
“/media/accounts/1809094310/1809094310.jpg”,
“/media/accounts/1809094310/1809094310.jpg”,
“/media/accounts/1809094310/1809094310.jpg”,
“/media/accounts/1809094310/1809094310.jpg”,
“/media/accounts/1809094310/1809094310.jpg”
],
“c_内容”:[
“很好”,
“太棒了”,
“非常酷”,
“太好了”,
“完美”
]
}
]
};
comm_arr=数据['comment_ds'];
comm_data=comm_arr[0];
comm_data.c_user.forEach(函数(用户,索引){
img=comm_data.c_user_img[index];
内容=通信数据。通信内容[索引];
console.log(用户、img、内容);
});代码>