第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

ajax分頁怎么實現

嗯嗯,非常好!講的很清楚!現在遇到一個問題,就是用ajax獲取數據怎么分頁。

獲取有很多數據首頁只顯示二十條數據假如,怎么設置數據分頁,是一定要在php服務端寫程序嗎?只通過前臺的語言能不能實現

正在回答

3 回答

以搜索為例,符合條件的結果有很多,這時一般會采用分頁顯示,主要有兩方面考慮,一方面如果將內容全部顯示頁面會很長,相應加載慢,用戶體驗不好;另一方面檢索到的數據用戶不會全部需要,或者說很少有用戶會逐條看所有內容,比如結果有1W條,一般用戶最多看20條,剩下的數據的請求就是多余的。此時分頁加載就可做到按需加載。

ajax主要請求的是數據,在發(fā)送請求時,可以告訴服務器,我現在要請求的是第幾頁的數據,每頁要現實多少條。服務器根據條件給返回相對應的數據,前臺直接顯示就OK了。所以在請求的過程中,至少要告訴服務器要請求的第幾頁,每頁多少條數據。

PS:可以參考一下各大網站分頁請求時數據參數變化 ;0)

0 回復 有任何疑惑可以回復我~
#1

你有魚丸我有粗面 提問者

嗯嗯!謝謝你的提醒!我昨天看了網上一些資源,算是把它小小突破了!雖然理解還不夠透徹,但是現在至少能寫出來了!
2016-01-04 回復 有任何疑惑可以回復我~

對于你的問題:

  1. 首先你應該知道為什么會分頁?而不是獲取所有數據直接展現或者獲取所有數據后采用某種方式再進行前臺分頁。那會影響用戶體驗!也是為了減少用戶等待時間,可能前10條就有我想要的信息,那為什么你還要獲取所有呢?

  2. 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)。

0 回復 有任何疑惑可以回復我~
#1

你有魚丸我有粗面 提問者

我知道你說的意思,前臺有一個很經典的ajax請求方式就是這樣的,就是瀑布流加上你說的那個請求方法,首頁只顯示部分數據,當鼠標滑動到下面就繼續(xù)請求加載其他需要的數據。這樣根據用戶需求加載。這種我沒做過但是都了解原理。我現在要做的也差不多是這個意思吧!謝謝!
2016-01-03 回復 有任何疑惑可以回復我~
#2

堂堂堂堂糖糖糖童鞋 回復 你有魚丸我有粗面 提問者

能不能給個最佳答案,我想要慕課君抱枕!
2016-01-03 回復 有任何疑惑可以回復我~
#3

你有魚丸我有粗面 提問者 回復 堂堂堂堂糖糖糖童鞋

哈哈哈!你的臉跟你頭像一樣大!(開玩笑別介意), 既然你都誠心誠意的問了,那我就大發(fā)慈悲的采納你的意見吧!
2016-01-04 回復 有任何疑惑可以回復我~
#4

堂堂堂堂糖糖糖童鞋 回復 你有魚丸我有粗面 提問者

那先謝過了!
2016-01-04 回復 有任何疑惑可以回復我~
查看1條回復

基本DOM操作就可以實現啦。你獲取后臺的數據,然后可以封裝成一個多維的數組,用一個選項卡來實現分頁功能,每一頁設置一個table,首頁的table只有20行,這是最簡單的渲染手段了

0 回復 有任何疑惑可以回復我~
#1

你有魚丸我有粗面 提問者

就是有很多table 第一個table之接受1-20行的數據,第二個table接受21-40這樣.......依次輸出渲染是吧?,當點擊第一頁的時候就把第一個table顯示其他隱藏,點第二頁的時候就顯示第二個table,其他隱藏。是不是這樣做? 我一開始也是這么想的,但是看到數據以后有上萬頁呢,所以這樣會很繁瑣,重復動作太多。
2016-01-03 回復 有任何疑惑可以回復我~
#2

迷途的馬爾斯 回復 你有魚丸我有粗面 提問者

你要這樣想,10W+數據與你前端無關,你每次發(fā)起的ajax請求只是請求單個分頁的數據,至于分頁怎么優(yōu)化要靠后端來處理
2016-01-03 回復 有任何疑惑可以回復我~
#3

你有魚丸我有粗面 提問者 回復 迷途的馬爾斯

好吧!也是一種方法!不過我昨天在網上看了一些資料,自己整出來了!思路都差不多!謝謝了!
2016-01-04 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
Ajax全接觸
  • 參與學習       224773    人
  • 解答問題       708    個

本課程通過一個案例,講解Ajax的相關概念原理實現方式和應用

進入課程

ajax分頁怎么實現

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號