滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)過(guò)程是怎樣的-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)過(guò)程是怎樣的，文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)自成立以來(lái)，一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)站建設(shè)、電子商務(wù)、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個(gè)性化軟件開(kāi)發(fā)等基于互聯(lián)網(wǎng)的全面整合營(yíng)銷(xiāo)服務(wù)。公司擁有豐富的網(wǎng)站建設(shè)和互聯(lián)網(wǎng)應(yīng)用系統(tǒng)開(kāi)發(fā)管理經(jīng)驗(yàn)、成熟的應(yīng)用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開(kāi)發(fā)工程師團(tuán)隊(duì)及專(zhuān)業(yè)的網(wǎng)站設(shè)計(jì)師團(tuán)隊(duì)。

滾動(dòng)下拉到頁(yè)面底部加載數(shù)據(jù)是很多瀑布流網(wǎng)站的做法，那來(lái)看看配合jsonp是如何實(shí)現(xiàn)的吧，小菜總結(jié)記錄之用，高手勿噴。

當(dāng)然本例子采用的是jquery庫(kù)，后期會(huì)做成原生js。
本例的數(shù)據(jù)調(diào)用的是鋒利的jquery一書(shū)提供的一段json。

首先要先判斷頁(yè)面怎么樣才是滾動(dòng)到底部，也就是scrollTop+window的height是否大于document的height，jquery如下代碼: $(window).scrollTop()+$(window).height()>=$(document).height()；
再給window綁定scroll事件。所以整個(gè)頁(yè)面demo可以這樣做:

代碼如下:

往下拉

拉到底部就是實(shí)現(xiàn)異步數(shù)據(jù)加載了，當(dāng)然了，實(shí)際項(xiàng)目還要加上如果沒(méi)數(shù)據(jù)了要怎么顯示，怎么操作。這些加判斷就行了。

上述就是小編為大家分享的滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)過(guò)程是怎樣的了，如果剛好有類(lèi)似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享文章：滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)過(guò)程是怎樣的-創(chuàng)新互聯(lián)
本文鏈接：http://m.jiaotiyi.com/article/djideo.html

網(wǎng)站建設(shè)知識(shí)

滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)過(guò)程是怎樣的-創(chuàng)新互聯(lián)

其他資訊