ASP.NET MVC的Ajax.ActionLink 的HttpMethod="Get" 一个重复请求的BUG

这段时间使用BootStrap+Asp.net Mvc5开发项目,Ajax.ActionLink遇到一个重复提交的BUG,代码如下:

 1 @model IList<WFModel.WF_Temp>
 2 @{
 3     Layout = null;
 4 }
 5
 6 <!DOCTYPE html>
 7
 8 <html>
 9     <head>
10         <meta name="viewport" content="width=device-width" />
11         <title>工作流模板列表</title>
12         <link href="~/Content/bootstrap.css" rel="stylesheet" />
13         <script src="~/Scripts/jquery-2.1.1.js"></script>
14         <script src="~/Scripts/bootstrap.js"></script>
15         <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
16     </head>
17     <body>
18         @Ajax.ActionLink("添加工作流模板", "AddTemp", "WFTemp", new AjaxOptions()
19         {
20             HttpMethod="Get"
21         },new
22         {
23             @class = "btn btn-primary",
24             data_toggle="modal",
25             data_target="#myModal"
26         })
27         <br/>
28         <div class="table-responsive">
29             <table class="table">
30                 <tr>
31                     <th>模板名称</th>
32                     <th>提交时间</th>
33                     <th>模板的描述</th>
34                     <th>模板提交人</th>
35                 </tr>
36                 <tbody>
37                     @{
38                         foreach (var item in Model)
39                         {
40                             <tr>
41                                 <td>@item.TempName</td>
42                             </tr>
43                         }
44                     }
45                 </tbody>
46             </table>
47         </div>
48     </body>
49 </html>
50 <!-- Button trigger modal -->
51 @*<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
52     Launch demo modal
53 </button>*@
54
55 <!-- Modal -->
56 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
57     <div class="modal-dialog">
58         <div class="modal-content">
59             <div class="modal-header">
60                 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
61                 <h4 class="modal-title" id="myModalLabel">添加模板</h4>
62             </div>
63             <div class="modal-body">
64                 ...
65             </div>
66             <div class="modal-footer">
67                 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
68                 <button type="button" class="btn btn-primary">保存</button>
69             </div>
70         </div>
71     </div>
72 </div>

如何解决呢,HttpMethod="Get"变成"Post"就可以了

ASP.NET MVC的Ajax.ActionLink 的HttpMethod="Get" 一个重复请求的BUG

时间: 2024-12-20 22:41:33

ASP.NET MVC的Ajax.ActionLink 的HttpMethod="Get" 一个重复请求的BUG的相关文章

Asp.Net MVC Unobtrusive Ajax

1.   Unobtrusive JavaScript介绍 说到Unobtrusive Ajax,就要谈谈UnobtrusiveJavaScript了,所谓Unobtrusive JavaScript即为非侵入式JavaScript(即将Js代码与html代码分离,方便阅读与维护),是目前在Web开发领域推行的一种思想. 2.   在ASP.NET MVC中的应用 2.1 概述 使用VS新建一个ASP.NET MVC项目就会在~/Scripts/目录下面看到很多以unobtrusive结尾的ja

asp.net MVC 回顾 Html.ActionLink

在asp.net MVc中想生成一个超链接有很多种方式,通过直接输入<a>.Html.ActionLink.Html.RouteLink等等,今天我们要阐述的就是Html.ActionLink 知识点总结. @Html.ActionLink有10个重载, 示例代码 说明 @Html.ActionLink("LinkText","ActionName") 在生成的超链接中,LinkText指定的文本不可以为Null或空,否则程序会报错 @Html.Acti

ASP.NET MVC 实现AJAX跨域请求方法《1》

ASP.NET MVC 实现AJAX跨域请求的两种方法 通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据的加载,例如Google. 在ASP.Net MVC 框架里实现跨域的AJAX请求有几种方式可以实现,以下就介绍常用的两种方法. 1.     发送JSONP请求 客户端: jQuery对发送JSONP请求有很好的支持,客户端通过. ajax() 函数发送请求,其中需要制定 dataType 为"j

ASP.NET MVC 实现 AJAX 跨域请求

ASP.NET MVC 实现AJAX跨域请求的两种方法 和大家分享下Ajax 跨域的经验,之前也找了好多资料,但是都不行,后来看到个可行的修改了并测试下 果然OK了   希望对大家有所帮助! 通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据的加载,例如Google. 在ASP.NET MVC 框架里实现跨域的AJAX请求有几种方式可以实现,以下就介绍常用的两种方法. 1.     发送JSONP请求

用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]

Fine Uploader(http://fineuploader.com/)是一个实现 ajax 上传文件的 Javascript 组件. This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading int

asp.net mvc 使用ajax请求 控制器 (PartialViewResult)分部的action,得到一个分部视图(PartialView)的HTML,进行渲染

在asp.net mvc 使用ajax请求获取数据的时候,我们一般是返回json或者xml,然后解析这些数据进行渲染,这样会比较麻烦,可以请求一个 分部action,返回一个分部视图 直接可以渲染,不需要解析这一步. 下面是示例: 控制器类: public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } [HttpPost] public Pa

浅析Asp.net MVC 中Ajax的使用

在ASP.NET MVC beta中我们可以使用Ajax.BeginForm, Ajax.ActionLink来进行Ajax调用,同样我们也可以使用一些支持Ajax 框架如jQuery来简化对ajax的调用. 一.使用System.Web.Mvc.Ajax 1.1 System.Web.Mvc.Ajax.BeginForm 1.2 System.Web.Mvc.Ajax.ActionLink 二.手工打造自己的"非介入式"Javascript" 一.使用System.Web.

[转]Asp.net MVC 中Ajax的使用

Asp.net MVC 抛弃了Asp.net WebForm那种高度封装的控件,让我们跟底层的HTML有了更多的亲近.可以更自由.更灵活的去控制HTML的结构.样式和行为.而这点对于Ajax的应有来说,Asp.net MVC确实要比WebForm优秀很多.我对Asp.net MVC更便捷的使用Ajax做了一下探讨,拿出来分享,欢迎拍砖. 第一.直接写JS代码实现Ajax: 因为Asp.net 浏览器端的代码能更好的控制,所以我们完全可以在HTML中直接通过JS发出Ajax请求,而在Control

Asp.net MVC 中Ajax的使用

Asp.net MVC 抛弃了Asp.net WebForm那种高度封装的控件,让我们跟底层的HTML有了更多的亲近.可以更自由.更灵活的去控制HTML的结构.样式和行为.而这点对于Ajax 的应有来说,Asp.net MVC确实要比WebForm优秀很多.我对Asp.net MVC更便捷的使用Ajax做了一下探讨,拿出来分享,欢迎拍砖.以下采用三种方式演示ajax的使用,两种都以简单demo展示希望大家多研究.提问和分享经验. 第一.直接写JS代码实现Ajax: 因为Asp.net 浏览器端的