mvc返回javascrip{过滤}t脚本

小渣渣

Javascrip{过滤}tResult的使用有两个必要的前提：

1.Ajax

2.jquery.unobtrusive-ajax.js

控制器代码：

1. public ActionResult Javascrip{过滤}tTest()
   
2. {
   
3.     return Javascrip{过滤}t("alert('Controller.Javascrip{过滤}tResult test');");
   
4. }

复制代码

视图页面：

1. <scrip{过滤}t src="~/scrip{过滤}ts/jquery-1.11.2.js"></scrip{过滤}t>
   
2. <scrip{过滤}t src="~/scrip{过滤}ts/jquery.unobtrusive-ajax.min.js"></scrip{过滤}t>
   
3. 
   
4. <!--用Ajax生成-->
   
5. @Ajax.ActionLink("display", "Display", new AjaxOptions())
   
6. @using (Ajax.BeginForm("Display", new AjaxOptions()))
   
7. {
   
8. }
   
9. <!--html代码-->
   
10. <a data-ajax="true" href="/Area/SubNode/Display">display</a>
    
11. <form action="/Area/SubNode/Display?id=1" data-ajax="true" id="form0" method="post"></form>

复制代码

或者是：

1. <form id="basicData_form" data-ajax="true" class="form-horizontal" method="post">
   
2.                     
   
3.                 </form>

复制代码

仔细看View里面的代码，上面的scrip{过滤}t引用加上的jquery.unobtrusive-ajax.js，下面data-ajax=true。两者缺一不可，否则返回的网页就不是弹框，而是网页源代码。




jquery.unobtrusive-ajax.js的cdn链接：

1. <scrip{过滤}t src="https://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.unobtrusive-ajax.min.js"></scrip{过滤}t>

复制代码

小渣渣

MVC AJAX.BeginForm() 页面异步提交
http://www.itsvse.com/thread-2932-1-1.html
(出处: 架构师)

小渣渣

登录可见。

配合这个使用，效果更好