頁面向下滾動ajax擷取資料的實現方法(相容手機)_javascript技巧

頁面向下滾動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擷取資料的實現方法(相容手機)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援雲棲社區。