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

    下面小編就為大家?guī)?lái)一篇頁(yè)面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(xiàn)方法(兼容手機(jī))。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。
    頁(yè)面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(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í)還有數(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('沒(méi)有更多分享信息了');
              }
            }
          );
        }
      }
    以上這篇頁(yè)面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(xiàn)方法(兼容手機(jī))就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考