如何使用ajax在分页页面中进行搜索答案

【问题标题】：how to use ajax to search in paginated pages如何使用ajax在分页页面中进行搜索
【发布时间】：2018-05-04 16:06:44
【问题描述】：

我创建了一个简单的 js 脚本，它将过滤列表中的名称。我现在面临的问题是，如果列表分页，我无法在不刷新的情况下提取名称。我可以用 ajax 做些什么来查看其他页面并填充它们，而无需分页？ URL 看起来像这样 www.mysite.com/my_slug?page=1

任何帮助都会很棒。谢谢！

$(document).ready(function(){
  $("#filter-search").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $(".filter-data").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});

【问题讨论】：

对您详细问题的唯一有效答案是：也许。
您能否将您提到的“简单 js 脚本”添加到您的问题中以帮助添加一些上下文？

标签： javascript ajax

【解决方案1】：

我假设如果您在客户端 JS 代码上进行过滤，那么所有名称都在 JS 代码中可用（无论它们是否在另一个页面上）？如果是这样，那么您需要找出存储所有名称的对象或数组的位置，而不仅仅是当前页面上的名称。这通常被称为“数据源”。一旦你找到它，你就可以在数据源上调用过滤器函数。如果您还没有数据源，那么您需要创建一个才能实现这一点。

或者，您可以在服务器端处理此逻辑。根据您正在构建的应用程序类型，这可能是一种更好的方法，以便所有名称、过滤等都在服务器端维护，客户端只关心在当前页面上显示名称。

【讨论】：