使用ajax实现搜索和搜索结果的好方法是什么？

Question

我在页面中有一些文本框，在同一页面中会有一个表格'grid'，就像保存搜索结果一样。

当用户开始编辑和上面的文本框时，搜索必须首先将所有文本框值发送到服务器'ajax'，然后返回结果以填充下面的网格。

注意：
此网格应支持分页，通过单击标题进行排序，它将在结果旁边包含一些控件，例如布尔值的复选框和在另一页中打开详细信息的链接。

我知道很多方法可以做到这一点，其中一些是：
1- updatepanel围绕所有这些控件，这就是“快速解决方案” 2-例如，使用JQuery post函数使用ajax请求发送搜索条件并获取JSON结果，并使用模板将网格绘制为“干净但需要时间才能完成，以后将更难编辑”。
3- ....

我的问题是：
您认为实施此方案的最佳选择是什么？因为我过多地面对这个场景，并且想知道哪个实现在性能，优化和完成时间方面会更好。

我只是想知道你对这个问题的想法。

Answer 1

Ajax请求和JSON。它是经验丰富的，一旦你有一个很好的方式来显示结果（可能只是从数组填充表），你可以分别担心服务器端代码。

Answer 2

简而言之：

1. 的性能：
   • 写一个good search filter method，防止重复，按相关性搜索等等！
   • 您希望获得多少结果？ do you need to use JSON || HTML || XML ?;
2. 的优化
   • 保持data results separated from HTML template;
3. 完成时间：
   • 使用full featured JS plug & play Data Grid plugin
   • 使用面向对象的 PHP 数据网格库，例如http://ajaxphpdatagrid.sourceforge.net/ 或 http://www.apphp.com/php-datagrid/index.php

希望这有点帮助！ ;）

Answer 3

这是一种常见模式，有几个jQuery项目以通用方式解决它。你说你经常面对这种情况，所以我建议从正在进行的一个流行的jQuery datagrid / datatable插件的改进中受益。这些（和其他）都支持计时和搜索字段内容阈值，以保持对服务器的ajax调用的理智：

• Datatables
• jqGrid
• Ingrid

这是描述在ASP.NET MVC上下文中使用jqGrid的article by Phil Haack。

这里有一个old but very popular SO question专门用于jQuery网格/表格。