頁面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(xiàn)方法(兼容手機(jī))
頁面向下滾動(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 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('沒有更多分享信息了'); } } ); } }
以上這篇頁面向下滾動(dòng)ajax獲取數(shù)據(jù)的實(shí)現(xiàn)方法(兼容手機(jī))就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Ajax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法
- jsp頁面 列表 展示 ajax異步實(shí)現(xiàn)方法
- yii2使用ajax返回json的實(shí)現(xiàn)方法
- Ajax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】
- 基于ajax的簡(jiǎn)單搜索實(shí)現(xiàn)方法
- 詳解PHP+AJAX無刷新分頁實(shí)現(xiàn)方法
- JSP+jquery使用ajax方式調(diào)用json的實(shí)現(xiàn)方法
- ThinkPHP通過AJAX返回JSON的兩種實(shí)現(xiàn)方法
- jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實(shí)現(xiàn)方法
- ajax 三種實(shí)現(xiàn)方法實(shí)例代碼
相關(guān)文章
javascript進(jìn)行數(shù)組追加方法小結(jié)
javascript中給數(shù)組加元素是一個(gè)非常簡(jiǎn)單的問題,javascript本身就提供了大量這類函數(shù),我們可以使用js自帶函數(shù)快速給數(shù)組增加元素了,本文就javascript進(jìn)行數(shù)組追加的方法做出如下小結(jié)。2014-06-06javascript中創(chuàng)建對(duì)象的幾種方法總結(jié)
以下幾種,是javascript中最常用的創(chuàng)建對(duì)象的方式。初學(xué)者看到后,可能會(huì)暈掉,甚至?xí)X得擔(dān)心。其實(shí)完全不用擔(dān)心,這些種方式,只需要掌握一兩種,對(duì)其他的幾種只需要理解就好了2013-11-11自己封裝的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)功能實(shí)例
下面小編就為大家?guī)硪黄约悍庋b的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)功能實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11js substring從右邊獲取指定長(zhǎng)度字符串(示例代碼)
本篇文章主要是對(duì)js substring從右邊獲取指定長(zhǎng)度字符串的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12javascript 函數(shù)限制調(diào)用代碼
javascript 函數(shù)限制調(diào)用代碼,需要的朋友可以參考下。2010-05-05使用JavaScript和CSS實(shí)現(xiàn)文本隔行換色的方法
這篇文章主要介紹了使用JavaScript和CSS實(shí)現(xiàn)文本隔行換色的方法,當(dāng)然最普通的也可以單純用CSS實(shí)現(xiàn),需要的朋友可以參考下2015-11-11js實(shí)現(xiàn)圖片放大并跟隨鼠標(biāo)移動(dòng)特效
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片放大并跟隨鼠標(biāo)移動(dòng)特效,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01