h5頁面下拉到底部加載下一頁數據

 

//頁面滾到底部異步加載下一頁數據
 $(window).scroll(function () { //已經滾動到上面的頁面高度
        var scrollTop = parseFloat($(this).scrollTop()), //頁面高度
            scrollHeight = $(document).height(), //瀏覽器窗口高度
            windowHeight = parseFloat($(this).height()), totalHeight = scrollTop + windowHeight; //此處是滾動條到底部時候觸發的事件，在這里寫要加載的數據，或者是拉動滾動條的操作
        if (scrollTop + windowHeight >= scrollHeight - 0.7) { //一級分類
            var first = $("#h_first").val(), //二級分類
                second = $("#h_second").val(), //分頁數
                num = parseInt($("#pageNum").val()), num = num + 1; $("#pageNum").attr('value', num); $.ajax({ type: 'post', url: '/MicroPortal/ContentListForNotice?f=' + first + '&s=' + second + '&t=&PageIndex=' + num, beforeSend: function (XMLHttpRequest) { $("#loadMore").removeClass('hidden').text('正在加載數據...'); }, success: function (data) { if (data.length == 0) { $("#loadMore").removeClass('hidden').text('已加載全部數據！'); } var data = getTime(data); for (var i = 0, length = data.length; i < length; i++) { $("#infoList").append("<li><a href='public_content.html?id=" + data[i].Id + "&f=" + first + "&s=" + second + "'><span>" + data[i].Title + "</span><span class='time'>" + data[i].PublishTime + "</span></a></li>"); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("#loadMore").removeClass('hidden').text('數據加載失敗，請重試！'); } }); } });