課程
/前端開發(fā)
/JavaScript
/Ajax全接觸
嗯嗯,非常好!講的很清楚!現在遇到一個問題,就是用ajax獲取數據怎么分頁。
獲取有很多數據首頁只顯示二十條數據假如,怎么設置數據分頁,是一定要在php服務端寫程序嗎?只通過前臺的語言能不能實現
2016-01-03
源自:Ajax全接觸 7-1
正在回答
以搜索為例,符合條件的結果有很多,這時一般會采用分頁顯示,主要有兩方面考慮,一方面如果將內容全部顯示頁面會很長,相應加載慢,用戶體驗不好;另一方面檢索到的數據用戶不會全部需要,或者說很少有用戶會逐條看所有內容,比如結果有1W條,一般用戶最多看20條,剩下的數據的請求就是多余的。此時分頁加載就可做到按需加載。
ajax主要請求的是數據,在發(fā)送請求時,可以告訴服務器,我現在要請求的是第幾頁的數據,每頁要現實多少條。服務器根據條件給返回相對應的數據,前臺直接顯示就OK了。所以在請求的過程中,至少要告訴服務器要請求的第幾頁,每頁多少條數據。
PS:可以參考一下各大網站分頁請求時數據參數變化 ;0)
你有魚丸我有粗面 提問者
對于你的問題:
首先你應該知道為什么會分頁?而不是獲取所有數據直接展現或者獲取所有數據后采用某種方式再進行前臺分頁。那會影響用戶體驗!也是為了減少用戶等待時間,可能前10條就有我想要的信息,那為什么你還要獲取所有呢?
ajax獲取數據怎么分頁?我也沒有做過,但我可以說一下我的思路,按照你說的,首先,獲取前20條記錄,不同數據庫有不同的獲取方式,mysql中,你可以采取分頁的方式,去獲取索引從0開始的20條記錄,當然其他數據庫可能有更好的獲取方式。然后設置一個觸發(fā)ajax的事件(當用戶滾動的高度<與文檔的高度-50時,就發(fā)送ajax請求),ajax中的參數因該有var args = {"start":20*times, "number":30, "times":times},times是全局變量var times=1,方便我們知道從什么地方開始去獲取,start:開始索引,number:要獲取的數量,按自己的需求定制,times:第幾次獲取。得到數據之后,就追加到上一個數據的的末尾,就行了(js/jQuery)。
堂堂堂堂糖糖糖童鞋 回復 你有魚丸我有粗面 提問者
你有魚丸我有粗面 提問者 回復 堂堂堂堂糖糖糖童鞋
基本DOM操作就可以實現啦。你獲取后臺的數據,然后可以封裝成一個多維的數組,用一個選項卡來實現分頁功能,每一頁設置一個table,首頁的table只有20行,這是最簡單的渲染手段了
迷途的馬爾斯 回復 你有魚丸我有粗面 提問者
你有魚丸我有粗面 提問者 回復 迷途的馬爾斯
舉報
本課程通過一個案例,講解Ajax的相關概念原理實現方式和應用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-03
以搜索為例,符合條件的結果有很多,這時一般會采用分頁顯示,主要有兩方面考慮,一方面如果將內容全部顯示頁面會很長,相應加載慢,用戶體驗不好;另一方面檢索到的數據用戶不會全部需要,或者說很少有用戶會逐條看所有內容,比如結果有1W條,一般用戶最多看20條,剩下的數據的請求就是多余的。此時分頁加載就可做到按需加載。
ajax主要請求的是數據,在發(fā)送請求時,可以告訴服務器,我現在要請求的是第幾頁的數據,每頁要現實多少條。服務器根據條件給返回相對應的數據,前臺直接顯示就OK了。所以在請求的過程中,至少要告訴服務器要請求的第幾頁,每頁多少條數據。
PS:可以參考一下各大網站分頁請求時數據參數變化 ;0)
2016-01-03
對于你的問題:
首先你應該知道為什么會分頁?而不是獲取所有數據直接展現或者獲取所有數據后采用某種方式再進行前臺分頁。那會影響用戶體驗!也是為了減少用戶等待時間,可能前10條就有我想要的信息,那為什么你還要獲取所有呢?
ajax獲取數據怎么分頁?我也沒有做過,但我可以說一下我的思路,按照你說的,首先,獲取前20條記錄,不同數據庫有不同的獲取方式,mysql中,你可以采取分頁的方式,去獲取索引從0開始的20條記錄,當然其他數據庫可能有更好的獲取方式。然后設置一個觸發(fā)ajax的事件(當用戶滾動的高度<與文檔的高度-50時,就發(fā)送ajax請求),ajax中的參數因該有var args = {"start":20*times, "number":30, "times":times},times是全局變量var times=1,方便我們知道從什么地方開始去獲取,start:開始索引,number:要獲取的數量,按自己的需求定制,times:第幾次獲取。得到數據之后,就追加到上一個數據的的末尾,就行了(js/jQuery)。
2016-01-03
基本DOM操作就可以實現啦。你獲取后臺的數據,然后可以封裝成一個多維的數組,用一個選項卡來實現分頁功能,每一頁設置一個table,首頁的table只有20行,這是最簡單的渲染手段了