一、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. leetcode 4 : Median of Two Sorted Arrays 找出两个数组的中位数

    题目: There are two sorted arrays nums1 and nums2 of size m and n respectively. Find the median of the ...

  2. Android：PopupWindow简单弹窗改进版

    Android:PopupWindow简单弹窗 继续上一节的内容,改进一下,目标是点击菜单后把菜单收缩回去并且切换内容,我使用的是PopupWindow+RadioGroup public class ...

  3. Apache httpd + tomcat 简单集群

    集群其实很简单,我们就来说一下httpd+tomcat集群都要注意哪些部分: 首先使用的东西有 apache-tomcat-8.0.32      下载地址: http://tomcat.apache ...

  4. Java关键字static、final使用小结

    static  1. static变量     按照是否静态的对类成员变量进行分类可分两种:一种是被static修饰的变量,叫静态变量或类变量:另一种是没有被static修饰的变量,叫实例变量.两者的 ...

  5. zoj 3785 What day is that day? (打表找规律)

    题目 思路:比赛的时候有想过找循环节,但是,打表打错了. 后来,看着过了挺多人,就急了, 看了一下别人的时间 耗时都挺长的,就以为不是找规律, 没想到真是找规律,不过,这个题的数据可能挺大的. AC代 ...

  6. 二维树状数组（水题） POJ1195

    前段时间遇到线段树过不了,树状数组却过了的题.(其实线段树过得了的) 回忆了下树状数组. 主要原理,还是二进制位数,每一项的和表示其为它的前((最后一位1及其后)的二进制数)和,可从二进制图来看.(用 ...

  7. 函数buf_page_init

    /********************************************************************//** Inits a page to the buffer ...

  8. UVa 11489 (博弈) Integer Game

    一个数字能被3整除就等价于这个数的各个数字之和被3整除. 所以一开始的时候先要拿一个能使剩下的数字是3的倍数的数. 然后就一直拿0.3.6.9直到某人不能再拿为止. #include <cstd ...

  9. fancybox 无效 失效 直接打开页面, ajax 之后 fancybox对更新的数据无效,Jquery失效 无效

    案例:做个聊天室项目,数据都是通过ajax刷新出来的,而对新数据绑定的fancybox均无效,点击直接打开到了新页面而不是弹窗,解决方法其实很简单   简单分析:ajax加载内容是在$(documen ...

  10. CURL使用2

    一:LibCurl 编程流程1.调用curl_global_init()初始化libcurl2.调用 curl_easy_init()函数得到 easy interface型指针3.调用curl_ea ...