![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
ajax如何循环获取json,赋值到html? 100
接口把json分了页,需要在请求url后加上页数才能返回每页的数据,现在需要做一个点击事件,循环请求数据赋值到DOM,怎么弄?$.ajax({type:'get',url...
接口把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);
}
}); 展开
$.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);
}
}); 展开
展开全部
网上一大堆ajax的教程,可以搜一下,慕课网有视频教程,然后再去w3school看下dom替换元素属性,几分钟就搞定了。
基本就是通过data.image,data.height等(data是你ajax用来表示接受的数据的变量名)获取数据,然后用dom技术替换img标签的src和alt的值。
基本就是通过data.image,data.height等(data是你ajax用来表示接受的数据的变量名)获取数据,然后用dom技术替换img标签的src和alt的值。
展开全部
你要的效果是“加载更多”吗?
把新请求到的数据加到之前的数据后面去?
如果是的话,这样做就可以了:
$('#container').html($("#container").html()+str);
追问
如何用点击事件向服务器提交新的url获得json数据呢,再展示到前端
url:'/getDyCom.php?aweme_id=6828413742166838531&cursor=页数',
后面的页数默认为1,每次点击,ajax请求的页数+1
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询