使用jQuery和AJAX渲染頁面的大部分

Question

我有一個ASP.NET MVC應用程序，其頁面顯示一行大信息列&。

我在頁面頂部有一個文本框，允許用戶過濾表中的結果。我希望用戶能夠開始在文本框中鍵入一個單詞，並且每次按鍵時，都會根據用戶過濾文本更新表中的結果。

我已經做了類似的事情，我簡單地返回一個JsonResult響應從我的控制器，有一些小的數據，但我不確定推薦的方法，如果我想基本上重新呈現我的整個表（與其中的新數據）每次按鍵？

我還應該提及，當頁面首次加載時（在發生任何Ajax事件之前），我打算使用的ViewModel包含IPagedList，因爲表數據需要分頁和排序。

Answer 1

我會做的就是用jQuery工作ajax API和部分視圖。

看看下面的文章。它顯示你如何能夠無縫地處理你的HTML在ASP.NET MVC：

ASP.NET MVC的工作使用jQuery的Ajax API 3.0 - JSON，jQuery和ASP.NET MVC的電源部分景色

http://www.tugberkugurlu.com/archive/working-with-jquery-ajax-api-on-asp-net-mvc-3-0-power-of-json-jquery-and-asp-net-mvc-partial-views

此外，以下問題可能會有所幫助：

How to pass an array through in JQuery Ajax and how to concieve it in server side?

Answer 2

您可以使用模板來呈現html。

即參數化的HTML + JSON =被渲染HTML

MicroTemplates

Answer 3

有在http://knockoutjs.com/它可能是一個很好的適合看你

Answer 4

看看在DataTables插件我ñ爲jQuery。它可能符合你的要求，並提供你所需要的。