javascript - php select ajax成功后jquery的简单分页

标签 javascript php jquery ajax pagination

我想对我的ajax成功的结果进行分页。在我的ajax中,当我成功时,我将所有结果附加到一个表中(该表默认情况下只有标题为空)

我用了this 教程,但我不知道当默认情况下表为空时如何使其工作。默认情况下有值时我能够使其运行。

ajax成功后填充表时,数据没有发生任何变化,所有数据都会显示。对于这种场景是否有更适用的示例或教程。或者当前教程需要做什么才能使其正常工作。

如有任何建议,我们将不胜感激

最佳答案

您不应该以这种方式使用分页,我建议您让您的函数仅返回所选页面所需的记录。

如果您只想显示一个子集(例如第 1 页中的 30 行),那么让您的 ajax 返回所有集合(例如 300 行)是有用的。因此,您应该向从数据库返回记录的函数(我们称之为 getRecords)添加一些参数:

  • 页面:分页器的当前/选定页面
  • 记录:您希望在每页中显示多少条记录

结合这两者,您可以相应地限制您的sql,f.instance(您可以在php代码中调用之前准备限制和偏移量):

select blablabla from blablable where blablablu
limit records, offset (page  * records)

注意:这里的第一页为零。因此,对于第一页,第一条记录将为 0,显示的最后一条记录将为 30(即 (0 + 1) *30)。

这里有一个good tutorial .

关于javascript - php select ajax成功后jquery的简单分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30323985/

相关文章:

javascript - 如何根据传递给函数的参数更改变量名称?

Javascript:localStorage 使 if 语句瘫痪?

php - 如何使用 RecursiveIteratorIterator 忽略目录?

php - 如何在html电子邮件中嵌入图像

javascript - 如何使用 jQuery ui datepicker 计算从今天开始的天数?

javascript - Angular ng通过 ng-options 重复多个选择字段而不显示已选择的数据

javascript - 从数组中删除元素(拼接)

PHP SoapFault 详细信息命名空间

javascript - JS : split and replace 1 ul into 2 equal ul's

javascript - Bootstrap 日期时间选择器不允许用户输入时间