ajax延迟加载数据

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

猜你在找的Ajax相关文章