javascript - 如何使用 jQuery 控制分页、选择过滤器和搜索组合的数据流

Question

我负责使用 jQuery 和 PHP 维护一个旧项目。我在组合分页、选择过滤器和在 div 列表上搜索时遇到问题。目前，我的方法是在 jQuery 中使用内置的 hide() 和 show() 函数来呈现这 3 个特性的数据。例如，当用户分页时，我在上一页中隐藏（）所有 div。并在下一页显示（） div。但是，我很难管理 3 个功能之间的数据流。就像我先分页然后选择一些过滤器一样。分页的数据列表不再正确。

标签： javascriptjquery

Answer 1

数据是否来自服务器端（php）？

您需要尝试并实现的是一组固定/已知的项目，您可以对其进行过滤、搜索和分页。以该顺序。当然，分页排在最后。

显然，如果您有一组基于某些条件（空白搜索或空白过滤器）的结果，那么结果集中的页面数量将与您拥有非空白搜索或过滤器时的页面数量不同。你需要考虑到这一点。

我建议当搜索或过滤器更改时，您应该返回到第 1 页。分页与您拥有的结果有关，而搜索和过滤器决定您拥有的结果。那有意义吗？

我会先应用搜索和/或过滤器，以确定我有多少页，然后将当前页重置为 1。