什麼是使用Ajax實現搜索和搜索結果的好方法？

Question

我在頁面中有一些文本框，並且在同一頁面中會有一個表格「網格」，類似於保存搜索結果。

當用戶開始編輯以及上面的文本框時，搜索必須首先將所有文本框的值發送到服務器'ajax'，然後返回結果以填充下面的網格。

注：
此網格應該支持分頁，點擊標題排序，它會包含結果旁邊的一些控制，如checkboxs布爾值，並在另一個頁面打開詳細信息鏈接。

我知道很多方法可以做到這其中有些是：
1-周圍所有這些控件和完蛋了「快骯髒的解決方案」
2- UpdatePanel的使用JQuery後函數發送使用Ajax請求的搜索條件例如，取回JSON結果，並使用模板將繪製網格「乾淨，但需要時間才能完成，稍後將更難以編輯」。
3- ....

我的問題是：
你認爲將是實現這個場景的最佳選擇？因爲我太多地面對這個場景，並且想知道哪些實現在性能，優化和完成時間方面會更好。

我只想知道你對這個問題的看法。

Answer 1

簡而言之：

1. 性能：
   • 寫good search filter method，防止重複，依相關搜索，等等！
   • 您希望找回多少結果？do you need to use JSON || HTML || XML ?;
2. 優化：
   • 保持data results separated from HTML template;
3. 的時間來完成：
   • 使用面向PHP數據網格的lib像full featured JS plug & play Data Grid plugin
   • 使用對象http://ajaxphpdatagrid.sourceforge.net/ORhttp://www.apphp.com/php-datagrid/index.php

希望這有點幫助！ ;）

Answer 2

Ajax請求和JSON。它是可靠的，一旦你有一個很好的方式來顯示結果（可能只是從數組中填充表），你可以單獨擔心服務器端代碼。

Answer 3

這是一種常見的模式，有幾個jQuery項目以通用的方式解決它。你說你經常遇到這種情況，所以我建議從流行的jQuery數據網格/數據表插件的改進中受益。這些（及其他）都支持定時和搜索字段內容的閾值，以保持理智與AJAX調用服務器：

• Datatables
• jqGrid
• Ingrid

這裏是一個article by Phil Haack描述在ASP.NET MVC上下文中使用jqGrid。

這裏是一個專門用於jQuery網格/表格的old but very popular SO question。