下面小编就为大家带来一篇页面向下滚动ajax获取数据的实现方法(兼容手机)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。

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