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

时间:2011-12-13 21:19:14

标签: asp.net-mvc-3 ajax.beginform

我与Asp.net MVC3有关,

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

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

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

让我们看看视图。

这是表格:

enter image description here

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

enter image description here

这个是显示firebug调试:

enter image description here

在布局上,我有那些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>

在视图(A Partial View)上,我有这个:

<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的一个问题...但我不确定...

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

3 个答案:

答案 0 :(得分:61)

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

注意:如果您使用的是局部布局,则不需要复制部分中包含的js,因为布局已经完成了。有一些关于layoutspartials的好文章。

答案 1 :(得分:3)

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

签入包配置“〜/ ui / js / jquery.unobtrusive。* ”。 *是通配符,以匹配缩小版或非缩小版。由于您的解决方案包含两个文件,因此添加了“jquery.unobtrusive-ajax.js”和“jquery.unobtrusive-ajax.min.js”。再次在您的视图页面或布局页面中,您添加了jquery.unobtrusive-ajax.js / jquery.unobtrusive-ajax.min.js,这是三次请求/发布

答案 2 :(得分:2)

我的情况是我有“返回视图”而不是“返回部分视图”。