頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機(jī))

    下面小編就為大家?guī)硪黄撁嫦蛳聺L動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機(jī))。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。
    頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機(jī))
    $(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;//標(biāo)識還有數(shù)據(jù)可以加載
       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>' + list.CreateTime + '</div>';
                  html += '<a href="' + list.Url + '">';
                  html += '<h5>' + list.Title + '</h5>';
                });
                $('#promotionList').append(html);
              }
              else {
                morAvaliable = false;
                $('#loading').html('沒有更多分享信息了');
              }
            }
          );
        }
      }
    以上這篇頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機(jī))就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考