前端之家收集整理的这篇文章主要介绍了
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");
- }
- });