Question

我有一个具有搜索工具的Web应用程序。在主页上，我有一个搜索框，用户可以在其中输入搜索条件，然后单击“搜索”按钮。单击按钮后，我们将AJAX请求发送到服务器（Struts Action），它使用DAO层命中数据库并获取搜索结果。

现在我想将此搜索结果发送回客户端，并使用jQuery将结果呈现在<div>标记中。一页可包含10个结果。如果用户点击“下一页”，我们想要显示另外10条记录。

最好的方法是什么？

Answer 1

“下一页”功能通常称为分页。每种编程语言都有几个这样的例子。只需快速搜索分页+您的编程语言。

其余示例假定使用PHP来处理后端请求

使用jQuery和Ajax，我们在success参数中处理响应，例如：

$.ajax({
  url: 'whatever.php'
  data: 'mystring='+mystring,
  success: function(data){
    $("#myElement").html(data);
  }
});

data 作为包含whatever.php返回的所有信息的对象返回。但是，您可以在whatever.php文件中构建结果返回结果，以及如何使用id =“myElement”将数据结构化和呈现并放入元素中。

Answer 2

我认为最好的方法可能就是使用.load() jQuery方法来提供搜索结果并通过AJAX操作结果div的内容;然后，您可以使用.on方法对容器div中的元素进行操作，以便触发“转到下一页”事件。通过这种方式，您只需要容器div，并且您可以使用所需的所有服务器端语言在其他地方构建结果数据。

Answer 3

据我所知，jquery提供了一个自动完成控件来开发Web应用程序中的搜索工具。

您可以访问

了解更多详情

谢谢， Vijay satlawar