頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)
更新時間：2016年05月24日 15:58:34 投稿：jingxian
下面小編就為大家?guī)硪黄撁嫦蛳聺L動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)
$(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 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獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Ajax獲取數(shù)據(jù)然后顯示在頁面的實現(xiàn)方法
- jsp頁面 列表 展示 ajax異步實現(xiàn)方法
- yii2使用ajax返回json的實現(xiàn)方法
- Ajax學(xué)習(xí)筆記---3種Ajax的實現(xiàn)方法【推薦】
- 基于ajax的簡單搜索實現(xiàn)方法
- 詳解PHP+AJAX無刷新分頁實現(xiàn)方法
- JSP+jquery使用ajax方式調(diào)用json的實現(xiàn)方法
- ThinkPHP通過AJAX返回JSON的兩種實現(xiàn)方法
- jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實現(xiàn)方法
- ajax 三種實現(xiàn)方法實例代碼
相關(guān)文章
這篇文章主要介紹了JavaScript中提前聲明變量或函數(shù)的例子,本文介紹的可以說是一種小技巧或者說一種特性,需要的朋友可以參考下2014-11-11
跟我學(xué)習(xí)javascript的執(zhí)行上下文
跟我學(xué)習(xí)javascript的執(zhí)行上下文，讀完本文后，你應(yīng)該清楚了解釋器做了什么，為什么函數(shù)和變量能在聲明前使用以及它們的值是如何決定的，需要了解這些內(nèi)容的朋友可以參考下2015-11-11
這篇文章主要介紹了JS實現(xiàn)簡單的點贊與踩功能,涉及javascript針對頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-12-12
這篇文章主要給大家介紹了關(guān)于JS實現(xiàn)頁面跳轉(zhuǎn)與刷新的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了微信小程序JS加載esmap地圖的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
用Javascript評估用戶輸入密碼的強度（Knockout版）
早上看到博友6點多發(fā)的一篇關(guān)于密碼強度的文章（連接），甚是感動（周末大早上還來發(fā)文）2011-11-11
Javascript (ECMA Script)是一種弱類型的語言。這并不意味著它沒有數(shù)據(jù)類型，只是變量或者Javascript對象屬性不需要一個特定類型的值分配給它或者它始終使用相同的值。2010-10-10
用javascript編寫的第一人稱射擊游戲...2007-02-02
Electron 結(jié)合 Selenium + chromedriver
這篇文章主要介紹了Electron 結(jié)合 Selenium + chromedriver 驅(qū)動服務(wù)實現(xiàn)瀏覽器多開思路詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
我們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。2011-08-08