Ajax分页

Question

我将自己编写一个使用jQuery和css的Ajax分页代码。你能给我一个成功完成代码的算法或步骤吗？

Answer 1

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

1. 创建一个html表和一组带有相关页码的“li”(您必须根据数据库中与搜索值匹配的行数来计算要显示的页数)。
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，SELECT

创建搜索结果表和导航“li”的HTML结构，并将其作为ajax请求的响应发送。有关生成的html内容将发生什么，请参见步骤2。

Answer 2

我不确定您使用的是什么web框架，但Railscast的Ryan Bates做了一个截屏视频，用jQuery实现了这一点。这是第174集，Pagination with AJAX应该会给你一个很好的起点。