一、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. Hadoop基础教程之搭建开发环境及编写Hello World

    整个Hadoop是基于Java开发的,所以要开发Hadoop相应的程序就得用JAVA.在linux下开发JAVA还数eclipse方便. 1.下载 进入官网:http://eclipse.org/do ...

  2. Xamarin.Android 入门之：Listview和adapter

    一.引言 不管开发什么软件,列表的使用是必不可少的,而本章我们将学习如何使用Xamarin去实现它,以及如何使用自定义适配器.关于xamarin中listview的基础和适配器可以查看官网https: ...

  3. JavaScript中样式，方法 函数的应用

    JavaScript中一个字母都不能错,编写的时候他不报错,也不提示,只有在执行的时候才会提示错误位置 . 一.样式 .waring {background-color:yellow } .highl ...

  4. esriFeatureType与esriGeometryType的区别与联系

    esriFeatureType通常用来表示数据的存储结构,即物理层: esriGeometryType通常用来表示数据的几何形状,即表现层. esriGeometryType枚举类型详解 常量 值 对 ...

  5. Bitmap 和Drawable 的区别

    Bitmap - 称作位图,一般位图的文件格式后缀为bmp,当然编码器也有很多如RGB565.RGB888.作为一种逐像素的显示对象执行效率高,但是缺点也很明显存储效率低.我们理解为一种存储对象比较好 ...

  6. spring boot 1.4默认使用 hibernate validator

    spring boot 1.4默认使用 hibernate validator 5.2.4 Final实现校验功能.hibernate validator 5.2.4 Final是JSR 349 Be ...

  7. Eliza Doolittle lyrics Big City

    Eliza Doolittle lyrics  Big City 歌词很好,现在还没有,以后添加进来.

  8. PHP JSON 操作总结

    由于JSON可以在很多种程序语言中使用,所以我们可以用来做小型数据中转,如:PHP输出JSON字符串供JavaScript使用等.在PHP中可以使用 json_decode() 由一串规范的字符串解析 ...

  9. python写的第一个简单小游戏-猜数字

    #Filename:game1.py guess=10 running=True while running: try: answer=int(raw_input('Guess what i thin ...

  10. ogre, dx, opengl坐标矩阵

    opengl 右手坐标系 列向量 左乘 列主序存储矩阵osg   右手坐标系 行向量 右乘 行主序存储矩阵d3d       左手坐标系 行向量 右乘 行主序存储矩阵ogre    右手坐标系 列向量 ...