首页 > 编程 > JavaScript > 正文

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

2019-11-20 09:56:00
字体:
来源:转载
供稿:网友

页面向下滚动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获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表