一、JavaScriptResult在MVC中的定义的代码片段

 
C# 代码   复制


 public class JavaScriptResult : ActionResult

 {

     public override void ExecuteResult(ControllerContext context)

     {

         HttpResponseBase response = context.HttpContext.Response;

         response.ContentType = "application/x-javascript";

         response.Write(this.Script);

     }

     public string Script { get; set; }

 }



 public abstract class Controller : ControllerBase, ...

 {

     //其他成员

     protected virtual JavaScriptResult JavaScript(string script);

 }

其中：JavaScriptResult的属性Script表示响应的JavaScript脚本，而用于响应JavaScript脚本的ExecuteResult方法除了将脚本内容写入当前HttpResponse之外，还会将响应的媒体类型设置为“application/x-javascript”（不是“text/javascript”）。

二、可以通过ContentResult来实现与JavaScriptResult一样的脚本响应功能

例如下面两段代码效果一样

 
C# 代码   复制


//JavaScriptResult:

     public class FooController : Controller

     {

         public ActionResult JavaScript()

         {

             return JavaScript("alert('Hello World!');");

         }

     }



    //ContentResult:

    public class FooController : Controller

    {

        public ActionResult JavaScript()

        {

            return Content("alert('Hello World!');", "application/x-javascript");

        }

    }

三、JavaScriptResult实例

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

1、定义一个ShoppingCart类表示购物车。如下面的代码片断所示，ShoppingCart是表示购物车商品项ShoppingCartItem对象的列表，而ShoppingCartItem的三个属性（Id、Name和Quantity）分别表示商品ID、名称和订购数量。

 
C# 代码   复制


     public class ShoppingCart : List<ShoppingCartItem>

     {}



     public class ShoppingCartItem

     {

         public string     Id { get; set; }

         public string     Name { get; set; }

         public int        Quantity { get; set; }

     }

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

 
C# 代码   复制


     public class HomeController : Controller

     {

         private static Dictionary<string, int> stock = new Dictionary<string, int>();

         static HomeController()

         {

             stock.Add("001", 20);

             stock.Add("002", 30);

             stock.Add("003", 40);

         }

        public ActionResult Index()

        {

            ShoppingCart cart = new ShoppingCart();

            cart.Add(new ShoppingCartItem { Id = "001", Quantity=1, Name = "商品A" });

            cart.Add(new ShoppingCartItem { Id = "002", Quantity = 1, Name = "商品B" });

            cart.Add(new ShoppingCartItem { Id = "003", Quantity = 1, Name = "商品C" });

            return View(cart);

        }



        public ActionResult ProcessOrder(ShoppingCart cart)

        {

            StringBuilder sb = new StringBuilder();

            foreach (var cartItem in cart)

            {

                if (!CheckStock(cartItem.Id, cartItem.Quantity))

                {

                    sb.Append(string.Format("{0}: {1};", cartItem.Name,stock[cartItem.Id]));

                }

            }

            if(string.IsNullOrEmpty(sb.ToString()))

            {

                return Content("alert('购物订单成功处理！');", "text/javascript");

            }

            string script = string.Format("alert('库存不足! ({0})');", sb.ToString().TrimEnd(';'));

            return JavaScript(script);

        }



        private bool CheckStock(string id, int quantity)

        {

            return stock[id] >= quantity;

        }

    }

3、创建Action方法Index对应的View。在一个以Ajax请求提交的表单（表单的Action属性对应着上面定义的Action方法ProcessOrder）中显示了购物车中的商品和数量，用于可以修改订购数量并通过点击“提交订单”按钮以Ajax请求的方式提交订单。

 
C# 代码   复制


    @model ShoppingCart

     <html>

         <head>

             <title>用户登录</title>

             <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>

         </head>

         <body>

             @using (Ajax.BeginForm("ProcessOrder", new AjaxOptions()))

             {

                for (int i = 0; i < Model.Count; i++)

                {

                    <div>

                        @Html.HiddenFor(m=>m[i].Id)

                        @Html.HiddenFor(m => m[i].Name)



                        @Html.DisplayFor(m => m[i].Name):

                        @Html.EditorFor(m => m[i].Quantity)

                    </div>

                }

                <input type="submit" value="提交订单" />

            }

        </body>

    </html>

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

mvc JavaScriptResult的用法的更多相关文章

  1. MVC 中DropDownList 用法

    MVC 中DropDownList  用法 后台 Dictionary<string, int> dc = new Dictionary<string, int>(); dc. ...

  2. MVC中HtmlHelper用法大全参考

    MVC中HtmlHelper用法大全参考 解析MVC中HtmlHelper控件7个大类中各个控件的主要使用方法(1) 2012-02-27 16:25 HtmlHelper类在命令System.Web ...

  3. Spring MVC RedirectAttributes的用法解决办法

    Spring MVC RedirectAttributes的用法很久没发过技术贴了,今天对于一个问题纠结了2小时,遂放弃研究用另一种方法解决,奈何心中一直存在纠结,发帖求解 我先解释下什么是Redir ...

  4. System.Web.Mvc.JavaScriptResult.cs

    ylbtech-System.Web.Mvc.JavaScriptResult.cs 1.程序集 System.Web.Mvc, Version=5.2.3.0, Culture=neutral, P ...

  5. MVC JsonResult的用法

    本文导读:当客户端调用某个Action方法并希望以JSON的格式返回请求的数据时,ASP.NET MVC需要有一种机制将CLR对象转换成JSON格式予以响应,而这可以通过JsonResult来解决.下 ...

  6. ASP.NET Core MVC 模型绑定用法及原理

    前言 查询了一下关于 MVC 中的模型绑定,大部分都是关于如何使用的,以及模型绑定过程中的一些用法和概念,很少有关于模型绑定的内部机制实现的文章,本文就来讲解一下在 ASP.NET Core MVC ...

  7. Spring MVC的WebMvcConfigurerAdapter用法收集（零配置，无XML配置）

    原理先不了解,只记录常用方法 用法: @EnableWebMvc 开启MVC配置,相当于 <?xml version="1.0" encoding="UTF-8&q ...

  8. MVC过滤器的用法

    APS.NET MVC中的每一个请求,都会分配给相应的控制器和对应的行为方法去处理,而在这些处理的前前后后如果想再加一些额外的逻辑处理.这时候就用到了过滤器. 在Asp.netMvc中当你有以下及类似 ...

  9. MVC的JsonResult用法

    在Asp.net Mvc 2中由于对数据的保护,默认情况下request为post,所以在前端请求的时候则需要以post方式request action方法: public JsonResult Ge ...

随机推荐

  1. windows下顽固软件卸载不了的解决方法

    下面以autocad2012举例: cad2012卸载显示 “无法获得同类产品” 而且也安装不上. 解决方法:1,开始>运行>输入"regedit",找到下面的注册表路 ...

  2. s3cmd的安装与配置

    安装包链接:http://files.cnblogs.com/files/litao0505/s3.rar 安装S3cmd1. tar -zxf s3cmd-1.0.0.tar.gz2. mv s3c ...

  3. Nginx安装部署

    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. Nginx 是由 Igor Sysoev ...

  4. python 编码问题（二）

    >>> a = '中文' >>> chardet.detect(a) {'confidence': 0.7525, 'encoding': 'utf-8'} > ...

  5. Delphi 发展历史

    自然人的软件著作权,保护期为自然人终生及其died后50年:软件是合作开发的,截止于最后died的自然人died后第50年的12月31日.法人或者其他组织的软件著作权,保护期为软件首次发表之后50年, ...

  6. pancake sort的几个问题

    1. 每次找剩下序列中的最大值,可以进行pancake sort,时间复杂度是O(n^2): 2. 求最少交换次数进行pancake sort的问题是个NP问题,搜索的时候,upper bound是2 ...

  7. MapReduce 中的Map后，sort不能对中文的key排序

    今天写了一个用mapreduce求平均分的程序,结果是出来了,可是没有按照“学生名字”进行排序,如果是英文名字的话,结果是排好序的. 代码如下: package com.pro.bq; import ...

  8. JS创建类以及类的方法（StringBuffeer类）

    创建StringBuffer类以及toString,append()方法 //创建一个StringBuffer类 ,此类有两个方法:一个是append方法一个是toString方法 function ...

  9. oracle 11g rac 无法自动启动

    如果以上的操作依然不能使数据库资源自动启动,那么参考下面这篇文章修改资源AUTO_START属性. 查看资源状态: crsctl status resource 资源       -p     crs ...

  10. 实现一个基于FTP协议的程序——文件上传下载器(十三)

    此为一个系列,后续会把内容补上...