asp.net-mvc-3 - ASP.NET AJAX.BeginForm 发送多个请求

Question

我对 Asp.net MVC3 很陌生，

我有一个用 Ajax 处理的表单，如下所示：

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

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

让我们来看看景色。

这是表格：

好的，现在提交后的视图：

而这个是为了显示萤火虫调试：

在布局上，我有那些 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，因为它已经由布局完成。有一些关于layouts和partials的好文章。

Answer 2

您已经添加了 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，它发出了三次请求/发布

Answer 3

我的情况是“返回视图”而不是“返回 PartialView”。