AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

页面向下滚动ajax获取数据的实现方法(兼容手机)

51自学网 http://www.wanshiok.com
页面向下滚动

页面向下滚动ajax获取数据的实现方法(兼容手机)

$(window).scroll(function () {      var scrollTop = $(this).scrollTop();      var scrollHeight = $(document).height();      var windowHeight = $(this).height();      if (scrollTop + windowHeight >= scrollHeight) {        loadPromotions();      }    });   var page = 1;   var morAvaliable = true;//标识还有数据可以加载   function loadPromotions() {    if (morAvaliable) {      var href = location.href.split('?')[0];      var pageSize = 5;      page++;      $.post(href,        {          pageNo: page,          pageSize: pageSize        }        , function (data) {          if (data.length) {            var html = '';            $.each(data, function (i, list) {              html += '<div class="task-time">' + list.CreateTime + '</div>';              html += '<a class="task-box" href="' + list.Url + '">';              html += '<h5>' + list.Title + '</h5>';            });            $('#promotionList').append(html);          }          else {            morAvaliable = false;            $('#loading').html('没有更多分享信息了');          }        }      );    }  }

以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


页面向下滚动  
上一篇:倾力总结40条常见的移动端Web页面问题解决方案  下一篇:JQuery点击事件回到页面顶部效果的实现代码