我是靠谱客的博主 霸气白昼,这篇文章主要介绍了解ASP.NET MVC几种ActionResult的本质:JavaScriptResult & JsonResult 一、JavaScriptResult 二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript 三、JsonResult,现在分享给大家,希望可以做个参考。

本篇文章着重介绍在进行Ajax调用中经常使用的两个ActionResult,即JavaScriptResult和JsonResult。[本文已经同步到《How ASP.NET MVC Works?》中]

目录 
一、JavaScriptResult 
二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript 
三、JsonResult

一、JavaScriptResult

JavaScriptResult使我们可以在服务端动态地生成一段JavaScript脚本,并以此作为请求的响应,而这段脚本会在客户端被执行。其实JavaScriptResult的实现非常简单,它仅仅是将表示JavaScript脚本的字符串通过当前的HttpResponse响应给请求的客户端而已。如下面的代码片断所示,JavaScriptResult的属性Script表示响应的JavaScript脚本,而用于响应JavaScript脚本的ExecuteResult方法除了将脚本内容写入当前HttpResponse之外,还会将响应的媒体类型设置为“application/x-javascript”(不是“text/javascript”)。

复制代码
1
1: public class JavaScriptResult : ActionResult
复制代码
1
2: {
复制代码
1
3: public override void ExecuteResult(ControllerContext context)
复制代码
1
4: {
复制代码
1
5: HttpResponseBase response = context.HttpContext.Response;
复制代码
1
6: response.ContentType = "application/x-javascript";
复制代码
1
7: response.Write(this.Script);
复制代码
1
8: }
复制代码
1
9: public string Script { get; set; }
复制代码
1
10: }
复制代码
1
11: 
复制代码
1
12: public abstract class Controller : ControllerBase, ...
复制代码
1
13: {
复制代码
1
14: //其他成员
复制代码
1
15: protected virtual JavaScriptResult JavaScript(string script);
复制代码
1
16: }

抽象类Controller中定义了如上一个JavaScript方法根据指定的脚本字符串创建一个JavaScriptResult。实际上我们完全可以通过ContentResult来实现与JavaScriptResult一样的脚本响应功能,下面的两段程序是等效的。大部分浏览器会将媒体类型“application/x-javascript”等同于“text/javascript”,所以在通过ContentResult进行脚本响应时将媒体类型设置为“text/javascript”可以起到相同的效果。返回类型为JavaScriptResult的Action方法一般用于处理Ajax请求。

复制代码
1
1: //JavaScriptResult:
复制代码
1
2: public class FooController : Controller
复制代码
1
3: {
复制代码
1
4: public ActionResult JavaScript()
复制代码
1
5: {
复制代码
1
6: return JavaScript("alert('Hello World!');");
复制代码
1
7: }
复制代码
1
8: }
复制代码
1
9: 
复制代码
1
10: //ContentResult:
复制代码
1
11: public class FooController : Controller
复制代码
1
12: {
复制代码
1
13: public ActionResult JavaScript()
复制代码
1
14: {
复制代码
1
15: return Content("alert('Hello World!');", "application/x-javascript");
复制代码
1
16: }
复制代码
1
17: }

二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript

我们照例演示一个通过JavaScriptResult进行脚本响应的例子。我们演示一个在线购物的场景:用于完成了商品选购之后提交订单,服务端在处理订单的时候需要确认订购的商品是否超出了对应的库存量,如果存量充裕则正常处理该订单,否则提示库存不足,并将商品实时库存量显示给用户让他修正相应商品的购买量。我们利用JavaScript的方式来提示订单处理结果的消息(成功处理或者库存不足),很显然这段JavaScript应该是动态的(库存量是动态的)。

在通过Visual Studio的ASP.NET MVC项目模板创建的空Web应用中定义一个ShoppingCart类表示购物车。如下面的代码片断所示,ShoppingCart是表示购物车商品项ShoppingCartItem对象的列表,而ShoppingCartItem的三个属性(Id、Name和Quantity)分别表示商品ID、名称和订购数量。

复制代码
1
1: public class ShoppingCart : List<ShoppingCartItem>
复制代码
1
2: {}
复制代码
1
3: 
复制代码
1
4: public class ShoppingCartItem
复制代码
1
5: {
复制代码
1
6: public string Id { get; set; }
复制代码
1
7: public string Name { get; set; }
复制代码
1
8: public int Quantity { get; set; }
复制代码
1
9: }

然后我们创建如下一个HomeController。我们在默认的Action方法Index中创建一个包含三个商品的ShoppingCart对象,并将其作为Model呈现在对应的View中。Action方法ProcessOrder用于处理提交的购买订单,如果订购商品的数量没有超过库存量(通过一个静态字典字段stock表示),则通过调用alert函数提示“购物订单成功处理”,否则提示“库存不足”,并将相应商品当前库存量显示出来。

复制代码
1
1: public class HomeController : Controller
复制代码
1
2: {
复制代码
1
3: private static Dictionary<string, int> stock = new Dictionary<string, int>();
复制代码
1
4: static HomeController()
复制代码
1
5: {
复制代码
1
6: stock.Add("001", 20);
复制代码
1
7: stock.Add("002", 30);
复制代码
1
8: stock.Add("003", 40);
复制代码
1
9: }
复制代码
1
10: public ActionResult Index()
复制代码
1
11: {
复制代码
1
12: ShoppingCart cart = new ShoppingCart();
复制代码
1
13: cart.Add(new ShoppingCartItem { Id = "001", Quantity=1, Name = "商品A" });
复制代码
1
14: cart.Add(new ShoppingCartItem { Id = "002", Quantity = 1, Name = "商品B" });
复制代码
1
15: cart.Add(new ShoppingCartItem { Id = "003", Quantity = 1, Name = "商品C" });
复制代码
1
16: return View(cart);
复制代码
1
17: }
复制代码
1
18:
复制代码
1
19: public ActionResult ProcessOrder(ShoppingCart cart)
复制代码
1
20: {
复制代码
1
21: StringBuilder sb = new StringBuilder();
复制代码
1
22: foreach (var cartItem in cart)
复制代码
1
23: {
复制代码
1
24: if (!CheckStock(cartItem.Id, cartItem.Quantity))
复制代码
1
25: {
复制代码
1
26: sb.Append(string.Format("{0}: {1};", cartItem.Name,stock[cartItem.Id]));
复制代码
1
27: }
复制代码
1
28: }
复制代码
1
29: if(string.IsNullOrEmpty(sb.ToString()))
复制代码
1
30: {
复制代码
1
31: return Content("alert('购物订单成功处理!');", "text/javascript");
复制代码
1
32: }
复制代码
1
33: string script = string.Format("alert('库存不足! ({0})');", sb.ToString().TrimEnd(';'));
复制代码
1
34: return JavaScript(script);
复制代码
1
35: }
复制代码
1
36: 
复制代码
1
37: private bool CheckStock(string id, int quantity)
复制代码
1
38: {
复制代码
1
39: return stock[id] >= quantity;
复制代码
1
40: }
复制代码
1
41: }

如下所示的是Action方法Index对应的View的定义,这是一个Model类型为ShoppingCart的强类型View。在一个以Ajax请求提交的表单(表单的Action属性对应着上面定义的Action方法ProcessOrder)中显示了购物车中的商品和数量,用于可以修改订购数量并通过点击“提交订单”按钮以Ajax请求的方式提交订单。

复制代码
1
1: @model ShoppingCart
复制代码
1
2: <html>
复制代码
1
3: <head>
复制代码
1
4: <title>用户登录</title>
复制代码
1
5: <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.2.js")"></script>
复制代码
   1:         <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")">
</script>
复制代码
1
6: </head>
复制代码
1
7: <body>
复制代码
1
8: @using (Ajax.BeginForm("ProcessOrder", new AjaxOptions()))
复制代码
1
9: {
复制代码
1
10: for (int i = 0; i < Model.Count; i++)
复制代码
1
11: {
复制代码
1
12: <div>
复制代码
1
13: @Html.HiddenFor(m=>m[i].Id)
复制代码
1
14: @Html.HiddenFor(m => m[i].Name)
复制代码
1
15: 
复制代码
1
16: @Html.DisplayFor(m => m[i].Name):
复制代码
1
17: @Html.EditorFor(m => m[i].Quantity)
复制代码
1
18: </div>
复制代码
1
19: }
复制代码
1
20: <input type="submit" value="提交订单" />
复制代码
1
21: }
复制代码
1
22: </body>
复制代码
1
23: </html>

运行我们的程序后,一个包含三个商品的购物车信息会被呈现出来,当我们输入相应的订购数量并点击“提交订单”后,订单处理结果消息会弹出来。下图所示的就是库存不足的情况下显示的消息。

image

三、JsonResult

JavaScript已经在Web应用中得到广泛的应用,而JSON则成了标准的数据格式。但是对于后台程序来说,数据却是通过一个基于某种CLR类型的对象来承载,当客户端调用某个Action方法并希望以JSON的格式返回请求的数据时,ASP.NET MVC需要有一种机制将CLR对象转换成JSON格式予以响应,而这可以通过JsonResult来解决。如下面的代码片断所示,JsonResult具有一个object类型的属性Data表示需要被转换成JSON格式的数据对象。属性ContentEncoding和ContentType表示为当前响应设置的编码方式和媒体类型,默认采用的媒体类型为“application/json”。

复制代码
1
1: public class JsonResult : ActionResult
复制代码
1
2: {
复制代码
1
3: public override void ExecuteResult(ControllerContext context);
复制代码
1
4: 
复制代码
1
5: public object Data { get; set; }
复制代码
1
6: public Encoding ContentEncoding { get; set; }
复制代码
1
7: public string ContentType { get; set; }
复制代码
1
8: public JsonRequestBehavior JsonRequestBehavior { get; set; }
复制代码
1
9: public int? MaxJsonLength { get; set; }
复制代码
1
10: public int? RecursionLimit { get; set; }
复制代码
1
11: }
复制代码
1
12: 
复制代码
1
13: public enum JsonRequestBehavior
复制代码
1
14: {
复制代码
1
15: AllowGet,
复制代码
1
16: DenyGet
复制代码
1
17: }

出于对安全的考虑,JsonResult在默认的情况下不能作为对HTTP-GET请求的响应,在这种情况下并会直接抛出一个InvalidOperationException异常。我们可以通过它的JsonRequestBehavior属性开启JsonResult对HTTP-GET请求的支持。该属性类型为JsonRequestBehavior枚举,两个枚举项AllowGet和DenyGet分别表示允许/拒绝支持对HTTP-GET请求的响应。JsonResult的JsonRequestBehavior属性在初始化的时候被设置为DenyGet,如果我们需要用创建的JsonResult来响应HTTP-GET请求,需要显式地将它的JsonRequestBehavior属性设置为AllowGet。

CLR对象到JSON格式字符串的序列化过程通过具有如下定义的序列化器JavaScriptSerializer来完成。JavaScriptSerializer的Serialize和Deserialize方法实现了CLR对象的序列化和对JSON字符串的反序列化。

复制代码
1
1: public class JavaScriptSerializer
复制代码
1
2: {
复制代码
1
3: //其他成员
复制代码
1
4: public string Serialize(object obj);
复制代码
1
5: public object Deserialize(string input, Type targetType);
复制代码
1
6: 
复制代码
1
7: public int MaxJsonLength { get; set; }
复制代码
1
8: public int RecursionLimit { get; set; }
复制代码
1
9: }

JavaScriptSerializer具有两个整型的属性MaxJsonLength和RecursionLimit,它们对应着JsonResult的同名属性。MaxJsonLength限制了被反序列化和序列化生成的JSON字符串的长度,默认值位为2097152(0x200000,等同于 4 MB 的 Unicode 字符串数据)。RecursionLimit用于设置被序列化对象和反序列化生成对象结构的允许的层级数,默认值为100。定义在JsonResult的ExecuteResult方法中通过JavaScriptSerializer对数据对象的序列化,并将序列化生成的JSON字符串作为内容对请求进行响应,具体的逻辑基本上可以通过下面的代码片断来体现。

复制代码
1
1: public class JsonResult : ActionResult
复制代码
1
2: {
复制代码
1
3: //其他成员
复制代码
1
4: public override void ExecuteResult(ControllerContext context)
复制代码
1
5: {
复制代码
1
6: //确认是否用于响应HTTP-GET请求
复制代码
1
7: if (this.JsonRequestBehavior == JsonRequestBehavior.DenyGet && string.Compare(context.HttpContext.Request.HttpMethod, "GET", true) == 0)
复制代码
1
8: {
复制代码
1
9: throw new InvalidOperationException();
复制代码
1
10: }
复制代码
1
11: 
复制代码
1
12: HttpResponseBase response = context.HttpContext.Response
复制代码
1
13: //设置媒体类型和编码方式
复制代码
1
14: response.ContentType = string.IsNullOrEmpty(this.ContentType) ?"application/json" : this.ContentType;
复制代码
1
15: if (this.ContentEncoding != null)
复制代码
1
16: {
复制代码
1
17: response.ContentEncoding = this.ContentEncoding;
复制代码
1
18: }
复制代码
1
19: 
复制代码
1
20: //创建JavaScriptSerializer将数据对象序列化成JSON字符串并写入当前HttpResponse
复制代码
1
21: if (null == this.Data)return;
复制代码
1
22: JavaScriptSerializer serializer = new JavaScriptSerializer()
复制代码
1
23: {
复制代码
1
24: MaxJsonLength = this.MaxJsonLength.HasValue ? this.MaxJsonLength.Value : 0x200000,
复制代码
1
25: RecursionLimit = this.RecursionLimit.HasValue ? this.RecursionLimit.Value : 100
复制代码
1
26: };
复制代码
1
27: response.Write(serializer.Serialize(this.Data));
复制代码
1
28: }
复制代码
1
29: }

在抽象类Controller同样定义如下一系列的Json方法用于根据指定的数据对象、编码方式以及JsonRequestBehavior来创相应的JsonResult。

复制代码
1
1: public abstract class Controller : ControllerBase,...
复制代码
1
2: {
复制代码
1
3: //其他成员
复制代码
1
4: protected internal JsonResult Json(object data);
复制代码
1
5: protected internal JsonResult Json(object data, string contentType);
复制代码
1
6: protected internal JsonResult Json(object data, JsonRequestBehavior behavior);
复制代码
1
7: protected internal virtual JsonResult Json(object data, string contentType, Encoding contentEncoding);
复制代码
1
8: protected internal JsonResult Json(object data, string contentType, JsonRequestBehavior behavior);
复制代码
1
9: protected internal virtual JsonResult Json(object data, string contentType, Encoding contentEncoding, JsonRequestBehavior behavior);

10: }


原文地址:http://www.cnblogs.com/artech/archive/2012/08/15/action-result-03.html


最后

以上就是霸气白昼最近收集整理的关于了解ASP.NET MVC几种ActionResult的本质:JavaScriptResult & JsonResult 一、JavaScriptResult 二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript 三、JsonResult的全部内容,更多相关了解ASP.NET内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(90)

评论列表共有 0 条评论

立即
投稿
返回
顶部