使用 jQuery 和 AJAX 渲染大部分页面答案

【问题标题】：Render large portion of page using jQuery & AJAX使用 jQuery 和 AJAX 渲染大部分页面
【发布时间】：2011-09-21 09:44:59
【问题描述】：

我有一个 ASP.NET MVC 应用程序，其页面显示了一个包含行和列信息的大表格。

我在页面顶部有一个文本框，允许用户过滤表格中的结果。我希望用户能够开始在文本框中输入一个单词，并且每次按键时，表中的结果都会根据用户过滤文本进行更新。

我做过类似的事情，我只是从我的控制器返回一个JsonResult 响应，并带有一些小数据，但如果我想从本质上重新渲染我的整个表格，我不确定推荐的方法（其中包含新数据）在每次按键时？

我还应该提到，我打算在第一次加载页面时（在发生任何 ajax 内容之前）使用的 ViewModel 包含一个 IPagedList，因为表数据需要分页和排序。

【问题讨论】：

【解决方案1】：

我要做的是使用 JQuery ajax API 以及部分视图。

看看下面的文章。它展示了如何在 ASP.NET MVC 上无缝操作 html：

在 ASP.NET MVC 3.0 上使用 JQuery Ajax API - JSON、JQuery 和 ASP.NET MVC 部分视图的强大功能

另外，以下问题可能会有所帮助：

【讨论】：

【解决方案2】：

您可以使用模板来呈现 html。

即参数化的 html + json = 要呈现的 html

【讨论】：

【解决方案3】：

看看http://knockoutjs.com/，它可能非常适合你

【讨论】：

【解决方案4】：

看看DataTables jQuery 插件。它可能符合您的要求并提供您所需要的。

【讨论】：