前端之家收集整理的这篇文章主要介绍了
ajax延迟加载数据,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
接收返回的json数据,触发了滚动事件之后,开始取出数据
$(window).scroll(function(){
$('#text').val($(document).scrollTop());
//如果滚动到下面的时候,触发ajax事件获取数据,显示在页面上。
if($(document).scrollTop() > $(window).height()){
$.ajax({
type : 'POST',url : ThinkPHP['ROOT'] + '/Index/getBottomPic',dataType: 'json',success: function(data,textStatus,jqXHR){
console.log(data.pic2);
var pichtml = '';
var pichtm2 = '';
var i = 1; var j = 1;
//第一个选项卡的内容
$(data.pic1).each(function(k,v){
pichtml += "<a class='dft731"+i+"'><div class='dft731a'><img src= '"+v.img_url+"' /></div><div class='dft731b'><b>"+v.title+"</b></div></a>";
i++;
});
$('#pic1').append(pichtml);
//第二个选项卡的内容
$(data.pic2).each(function(k,v){
pichtm2 += "<a class='dft731"+j+"'><div class='dft731a'><img src= '"+v.img_url+"' /></div><div class='dft731b'><b>"+v.title+"</b></div></a>";
j++;
});
$('#pic2').append(pichtm2);
}
});
$(window).unbind("scroll");
}
});