为 ASP.NET MVC 框架添加 AJAX 支持

  • Hartmut Wilms

2007 年 12 月 31 日

话题:.NET语言 & 开发

ASP.NET MVC 框架的官方 CTP 版本还没有包括对 AJAX 的支持。不过目前有几个示例展示了如何为 ASP.NET MVC 应用添加 AJAX 功能。

Nikhil Kothari 提供了一个示例程序和示例代码,它们示范了为 ASP.NET MVC 框架添加类似 ASP.NET AJAX 这样的 AJAX 支持:

AjaxaController 是我添加的一个类,它引入了一个新的属性 IsAjaxRequest,我能够在 Action 方法中用它来做一些诸如输出不同视图的事情。它同样引入了另外一些成员,例如 RenderPartial 方法,它能够使用定义在一个部分视图中而不是一个完整页面中的内容,来生成用户界面的一部分。下面是我提供的新 Controller,以及新的 Add 方法。还有一些额外的改变用加粗来表示了:

public class TaskListController : AjaxController {

public void Add(string name) {

  Task newTask = null;

if (String.IsNullOrEmpty(name) == false) {

  newTask = _taskDB.AddTask(name);

}

if (IsAjaxRequest) {

if (newTask != null) {

RenderPartial("TaskView", newTask);

}

}
else {

[...] }



}

}

除了 Controller 扩展之外,Nikhil 还提供了一些扩展方法给视图来使用:“RenderBeginForm 用于生成一个普通的 Form 标签,RenderBeginAjaxForm 生成一个 AJAX 可用的 Form [...],以及 RendEndForm 方法”。这个示例“简单示范了使用 ASP.NET 页面中 AJAX 核心功能——部分刷新,Behaviors 和 Extender 控件——的第一步”

Kevin Hoffmann在文章“如何为 ASP.NET MVC 框架提供 AJAX 功能”提出了他的看法。在一开始他批评 Nikhil 的示例仅仅示范了如何通过生成 HTML 来更新 Web 页面的一小部分。在他看来:

Ajax,在企业应用中,不仅仅是指动态生成一小块 div。诚然这的确是一个很重要的的部分,但是大部分人在使用 XMLHttpRequest 对象来向服务器端的 Controller 请求数据时,他们希望得到的仅仅是数据,而不是已经生成好的 div。在很多情况下,我们需要一个控制器通过不同的 Action(诸如 REST/POX/Web Services 类型的 Action)向智能客户端提供各种形式的数据。因此,尽管我在某些场景下会喜欢 RenderPartial 之类的方法,但是更好的例子应该是通过生成一个视图来输出简单的 XML,如果是 JSON 那就更好不过了。

它对 Controller 中提供的 IsAjaxRequest 属性更加担心:

MVC 最重要的就是合理的分离关注点。在示例中只有一行代码破坏了这一点,那就是IsAjaxRequest属性。这有点像设法让 MVC 框架变得和旧有的 PostBack 世界变得接近,而且坦白地说,旧有的 PostBack 世界能够解决我的问题。恕我直言,Controller 应该只是一个 Controller,它不应该,也不能决定应该是生成 AJAX 还是普通的内容,生成 AJAX 还是普通的 HTML 应该由 View 来决定。Controller 的作用应该是为生成一个视图获取正确的数据,然后选择一个试图进行内容生成。

Kevin 最后总结到,他希望微软能够提出一个令人信服的理由,来说明为什么开发人员不应该去使用一些其他的 AJAX 类库,使它们能够让 MVC 一起工作。

作为那些回应 Kevin 的人,Chad Myers提供两个方法将其他的 AJAX 类库和 ASP.NET MVC 进行集成。在结合使用 script.aculo.us 与 ASP.NET MVC 框架一文中,Chad 展示了如何在 ASP.NET MVC 视图中使用script.aculo.us 客户端 JavaScript + AJAX 框架和它的一些控件。script.aculo.us 是“一套 Web 2.0 风格的 JavaScript 类库,可以帮助 Web 开发人员轻易为项目添加各种可视化和 AJAX 的效果”。

第二个方法展示了如何结合使用 jQuery 和 ASP.NET MVC 框架jQuery是“一个快速的,简练的 JavaScript 类库,能够简化您遍历 HTML 文档,操作事件,实现动画以及为您的 Web 页面添加 AJAX 交互效果”。Chad 将Jack Born实现“原地修改”效果的指南一文中说明的方法移植到了 ASP.NET MVC 框架中,以此展示 jQuery 能够如何方便地与新框架进行集成。用 Chad 的话来说,如果您打算使用 ASP.NET MVC 框架时,只需要将 jQuery 示例中那些涉及服务器端部分里的“PHP”或“Ruby”等字样替换成“ASP.NET MVC”就可以了。

查看英文原文:Adding Ajax Support to the ASP.NET MVC Framework

.NET语言 & 开发