Ajax分页

Question

我将使用jQuery和css自己编写一个Ajax分页代码。您能否建议我使用一种算法或步骤来成功完成该代码。

Answer 1

这就是我为一个旧项目做的。

1. 创建一个html表和一组带有相关页码的“li”（您必须根据与数据库中搜索值匹配的行数计算要显示的页数）。 / p>

2. 我写了一个函数来发送带有搜索文本值，结果集开始索引和每页行数的jquery ajax请求。将现有搜索表数据（+ pagination li set）替换为从服务器返回的响应数据。

3. 然后将上面的函数绑定到我在第一点中提到的“li”集的click事件。 （结果集起始索引和行数取决于单击的li元素。）

4. 在服务器端，查询数据库以查找所选结果集范围。 SELECT * FROM my TABLE WHERE 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集，Pagination with AJAX。应该给你一个很好的起点。