ASP.NET MVC 中使用JavaScriptResult

亦凉 2022-07-13 05:52 114阅读 0赞

在浏览器地址栏输入地址，在页面上想通过脚本弹出一个框，看到Controller下有个JavaScript方法，返回的类型是JavaScriptResult，于是想用这个方法弹出框，

public ActionResult Index()
            { 
                return  this.JavaScript("<script>alert(“操作成功')</script>");
            }

访问页面时，在火狐上显示的是js文本

[![image][]][image 1]

在IE上是下载文件

[![image][image 2]][image_image 2]

查看响应头信息，Content Type 为`application/x-javascript,返回的是js代码。`

[![image][image 3]][image_image 3]

### 所以，不能访问页面时使用this.JavaScript输出脚本，弹出提示框。 ###

可以使用this.Content输出脚本，弹出提示框，像这样

public ActionResult Index()
            { 
                return  this.Content("<script>alert('操作成功')</script>");
            }

[![image][image 4]][image_image 4]

当然，也可以视图页面上写js，同样可以达到相同的效果。

那么，JavaScriptResult怎样用呢，可以在页面上使用jQuery方法  getScript，向服务器获取js代码，然后执行js代码，所以服务端代码就改成这样

public ActionResult Index()
            {
                return this.JavaScript("alert('操作成功');");
            }

注意的是，不需要加上<script>标签，所以不要写成this.JavaScript(“<script>alert('操作成功');</script>”)。

那么在Index2页面上这样写,请求/home/index

最后访问/home/index2页面会弹出一个框

[![image][image 5]][image_image 5]

## 那么this.Content和this.JavaScript有什么不同 ##

this.Content的返回类型是ContentResult，this.JavaScript的返回类型是JavaScriptResult，

反编译ContentResult和JavaScriptResult，可以看到不同之处

[![image][image 6]][image_image 6]

JavaScriptResult设置ContetTypew为application/x-javascript,而ContentResult可以自定义ContentType，

既然这样，可以使用this.Content(“alert(‘操作成功’)”,“application/x-javascript,”)代替this.JavaScript(“alert(‘操作成功’)”)

![复制代码][copycode.gif]

public ActionResult Index()
            {
                return this.JavaScript("alert('操作成功');");
            }
    
            public ActionResult ReplaceContentMethod()
            {
                return this.Content("alert('操作成功');", "application/x-javascript");
            }

![复制代码][copycode.gif]

然后在Index2页面使用getScript分别请求/home/index ,/home/replacecontentmethod，看下效果

/home/index的响应头如下

[![image][image 7]][image_image 7]

/home/replacecontentmethod的响应头如下

[![image][image 8]][image_image 8]

可以看到，两者是一样的

[image]: /images/20220713/34cc4ee75c5847d795cb56b13d6bbdef.png
[image 1]: http://images0.cnblogs.com/blog/787618/201508/141822112398265.png
[image 2]: http://images0.cnblogs.com/blog/787618/201508/141822128647735.png
[image_image 2]: /images/20220713/599b2eed95ee4dc89f8b8243e43c8775.png
[image 3]: http://images0.cnblogs.com/blog/787618/201508/141822137701592.png
[image_image 3]: /images/20220713/5fddc17908454d548e5c67558bfe9de6.png
[image 4]: http://images0.cnblogs.com/blog/787618/201508/141822151454605.png
[image_image 4]: /images/20220713/06518168293b4422bf028547048a6c32.png
[image 5]: http://images0.cnblogs.com/blog/787618/201508/141822164895861.png
[image_image 5]: /images/20220713/f70ce379ce57400b9957ed6f4600e982.png
[image 6]: http://images0.cnblogs.com/blog/787618/201508/141822183799316.png
[image_image 6]: /images/20220713/036bf27f48154788b51c9e6388f1e693.png
[copycode.gif]: /images/20220713/ce005445704e45fca05a9f8faf293049.png
[image 7]: http://images0.cnblogs.com/blog/787618/201508/141822202545243.png
[image_image 7]: /images/20220713/bcf6a206476344d1893eea98130529a0.png
[image 8]: http://images0.cnblogs.com/blog/787618/201508/141822217239228.png
[image_image 8]: /images/20220713/cecbdfd1b2db49dba57b7305a5074d36.png