ASP.NET AJAX.BeginForm发送多个请求

Question

我与Asp.net MVC3有关,

我有一个用Ajax处理的表单,如下所示:

@using(Ajax.BeginForm("dtjson",新的AjaxOptions {HttpMethod ="Post",UpdateTargetId ="detalle_tarifa",OnSuccess ="exito2",OnBegin ="bloquear"}))

我的问题是,当我提交数据时,它会发送两次请求.

让我们来看看视图.

这是形式:

好的,现在提交后的视图:

这一个是显示firebug调试:

在布局上,我有那些javascript文件..

   <script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.windows-engine.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.jqDock.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.jqDock.min.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.tablePagination.0.4.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.tools.min.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.cookie.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.treeview.js")" type="text/javascript"></script>
       <script src="@Url.Content("~/Scripts/jquery.treeview.edit.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

在视图(部分视图)上,我有这个:

<script src="@Url.Content("~/Scripts/jquery-1.4.4.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>
<script type="text/javascript" src=@Url.Content("~/Content/tinymce/jscripts/tiny_mce/jquery.tinymce.js")></script>
<script type="text/javascript" src=@Url.Content("~/Content/tinymce/jscripts/tiny_mce/tiny_mce.js")></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Href("~/Scripts/jquery.uploadify.js")" type="text/javascript"></script>
<script src="@Href("~/Scripts/jquery.scrollTo.js")" type="text/javascript"></script>
<script src="@Href("~/Scripts/jquery.blockUI.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="/Scripts/jquery.cookie.js" type="text/javascript"></script>
<script src="/Scripts/jquery.treeview.js" type="text/javascript"></script>
<script src="/Scripts/jquery.treeview.edit.js" type="text/javascript"></script>

看起来这是jquery的一个问题...但我不确定它...

任何帮助都会很棒,谢谢大家!

Answer 1

您已jquery.unobtrusive-ajax.min.js在布局中包含两次一次在部分中.因此,您的浏览器会在两次内部执行js,这将在表单点击事件上订阅两次,这就是为什么要执行两次POST而不是一次.
所以你需要jquery.unobtrusive-ajax.min.js从部分中删除.

注意:如果您使用部分布局,则不需要复制部分中包含的js,因为它已经由布局完成.大约有一些好文章的布局和谐音.

Answer 2

您已添加 jquery.unobtrusive-ajax.js 3 次。这也发生在我身上。

检查捆绑配置“ ~/ui/js/jquery.unobtrusive.* ”。* 是通配符，用于匹配缩小版或未缩小版。由于您的解决方案包含这两个文件，因此它添加了“jquery.unobtrusive-ajax.js”和“jquery.unobtrusive-ajax.min.js”。再次在您的视图页面或布局页面中，您添加了 jquery.unobtrusive-ajax.js/jquery.unobtrusive-ajax.min.js ，它发出了三次请求/发布