ajax延迟加载数据

来源：互联网发布：java终止线程编辑：程序博客网时间：2024/05/17 22:08

接收返回的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");}});

0 0