Question

ajax如何循环获取json，赋值到html？

接口把json分了页，需要在请求url后加上页数才能返回每页的数据，现在需要做一个点击事件，循环请求数据赋值到DOM，怎么弄？
$.ajax({
type:'get',
url:'/getDyCom.php?aweme_id=6828413742166838531&cursor=页数',
dataType:'json',
success:function(data){
console.log(data);
var group = data.comments;
var str = '';
for(var i=0;i<group.length;i++){
str += '<li>' +
'<span class="item-title">' + group[i].user.nickname + '</span>' + '<span class="item-content">' + group[i].text + '</span>' + '<span class="item-content">'+ group[i].user_digged +'</span>'+ group[i].create_time +'</span>'+
'</li>' ;
}
$('#container').html(str);

},
error:function(jqXHR){
console.log(jqXHR);
}
});

Answer 1

网上一大堆ajax的教程，可以搜一下，慕课网有视频教程，然后再去w3school看下dom替换元素属性，几分钟就搞定了。
基本就是通过data.image，data.height等（data是你ajax用来表示接受的数据的变量名）获取数据，然后用dom技术替换img标签的src和alt的值。

Answer 2

你要的效果是“加载更多”吗？

把新请求到的数据加到之前的数据后面去？

如果是的话，这样做就可以了：

$('#container').html($("#container").html()+str);

追问

如何用点击事件向服务器提交新的url获得json数据呢，再展示到前端
url:'/getDyCom.php?aweme_id=6828413742166838531&cursor=页数',
后面的页数默认为1，每次点击，ajax请求的页数+1