頁面向下滾動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;//標識還有數(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學習筆記---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)方法實例代碼
相關文章
學習layer彈出框，之前項目是用bootstrap模態(tài)框，后來改用layer彈出框，在文章的后面，我會分享項目的一些代碼,需要的朋友可以參考下2017-08-08
下面小編就為大家?guī)硪黄獪\談js中同名函數(shù)和同名變量的執(zhí)行問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
javascript進行數(shù)組追加方法小結(jié)
javascript中給數(shù)組加元素是一個非常簡單的問題,javascript本身就提供了大量這類函數(shù)，我們可以使用js自帶函數(shù)快速給數(shù)組增加元素了，本文就javascript進行數(shù)組追加的方法做出如下小結(jié)。2014-06-06
javascript中創(chuàng)建對象的幾種方法總結(jié)
以下幾種，是javascript中最常用的創(chuàng)建對象的方式。初學者看到后，可能會暈掉，甚至會覺得擔心。其實完全不用擔心，這些種方式，只需要掌握一兩種，對其他的幾種只需要理解就好了2013-11-11
下面小編就為大家?guī)硪黄约悍庋b的一個簡單的倒計時功能實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
在本篇文章里小編給大家整理的是關于JS如何阻止事件冒泡的相關知識點內(nèi)容，有需要的朋友們可以學習下。2019-08-08
js substring從右邊獲取指定長度字符串(示例代碼)
本篇文章主要是對js substring從右邊獲取指定長度字符串的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
javascript 函數(shù)限制調(diào)用代碼
javascript 函數(shù)限制調(diào)用代碼，需要的朋友可以參考下。2010-05-05
使用JavaScript和CSS實現(xiàn)文本隔行換色的方法
這篇文章主要介紹了使用JavaScript和CSS實現(xiàn)文本隔行換色的方法,當然最普通的也可以單純用CSS實現(xiàn),需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片放大并跟隨鼠標移動特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01