Ajax分頁

Question

我將使用jQuery和CSS自己編寫Ajax分頁代碼。 您能否建議我一個算法或成功完成該代碼的步驟。

Answer 1

這就是我為舊項目之一做的方法。

1. 創建一個html表和一組帶有相關頁碼的“ li”（您必須根據與數據庫中搜索值匹配的行數來計算要顯示的頁數）。

2. 我寫了一個函數來發送帶有搜索文本值，結果集起始索引和每頁行數的jquery ajax請求。 用服務器返回的響應數據替換現有的搜索表數據（已設置+分頁li）。

3. 然后將上面的函數綁定到我在第一點中提到的一組“ li”的click事件。 （結果集開始索引和行數取決於單擊的li元素。）

4. 在服務器端，查詢數據庫以獲取所選結果集范圍。 SELECT *從我的表格中search_field ='SEARCH_VALUE％'LIMIT START_INDEX_FOR_RESULT_SET，NUMBER_OF_ROWS_PER_PAGE

創建搜索結果表和導航“ li”的HTML結構，並將其作為對ajax請求的響應進行發送。 有關此生成的html內容將發生什么的信息，請參見步驟2。

Answer 2

我不確定您使用的是哪種Web框架，但是Railscasts的Ryan Bates做了一個截屏視頻，演示了如何使用jQuery做到這一點。 第174集， 使用AJAX分頁 。 應該給你一個很好的起點。