Форма отправляется дважды после обновления из ASP MVC 3 Preview до Beta

Question

После обновления ASP MVC с 3 Preview до 3 Beta я вижу странное поведение в моих формах Ajax.

@using(Ajax.BeginForm("New", new AjaxOptions() {OnSuccess = "onAjaxSuccess", OnFailure = "onAjaxFailure", OnBegin = "onAjaxBegin", HttpMethod = "Post"})) {}

<form action="/Order/New" data-ajax="true" data-ajax-begin="onAjaxBegin" data-ajax-failure="onAjaxFailure" data-ajax-method="Post" data-ajax-success="onAjaxSuccess" method="post"></form>

Я поместил alert внутри своей функции onAjaxBegin, и меня дважды запускают, каждый раз, когда я нажимаю кнопку подтверждения.

Кто-нибудь еще видел такое поведение? Я ничего не изменил в коде после обновления, и он прекрасно работал до обновления.

Answer 1

У меня была та же проблема, и я нашел решение: я включил "jquery.unobtrusive-ajax.min.js" -Script дважды: -)

Answer 2

Посмотрите на сгенерированный HTML. В ASP.NET MVC 3 Beta появилась новая поддержка ненавязчивого ajax на основе jquery, и все помощники Ajax теперь используют jquery.Может быть, что-то осталось от MS Ajax, что вызывает двойной вызов.Убедитесь, что вы удалили все включения сценариев MSAjax со страницы.Также зачем использовать Ajax.BeginForm, когда вы можете просто использовать Html.BeginForm с ненавязчивым jquery?

Answer 3

Дублирование jquery.unobtrusive-ajax.min.js также может произойти, если ваш контроллер возвращает View() вместо PartialView().

Answer 4

У меня была такая же проблема при использовании вызова AJAX.BeginForm, который загружается динамически с использованием $.load() Я решил это, удалив из загруженной формы дополнительное включение jquery.unobtrusive-ajax.min.js . Это ключ!

Answer 5

Только для дальнейшего использования теми, кто использует ASP.NET MVC;"~/Scripts/jquery.unobtrusive*" включает также , включая "~/Scripts/jquery.unobtrusive-ajax.js".

Так что, если ваш BundleConfig выглядит так;

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js",
                    "~/Scripts/jquery.unobtrusive-ajax.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

Это приведет к двойной отправке формы Ajax.Удаление либо "~/Scripts/jquery.unobtrusive*", либо "~/Scripts/jquery.unobtrusive-ajax.js" решит проблему.

Просто опубликуйте это, потому что при поиске unobtrusive-ajax.

его просто пропустить

Answer 6

один маленький совет все время, прежде чем использовать .live(), выполните. die():)
это убьет все java-скрипты, прикрепленные к этому событию, и создаст новый.

пример:

$(function() {
    $('#MyInfoForm').die();
    $("#MyInfoForm").live('submit', function(e) {
        //some code
        e.preventDefault();
    });
});

Answer 7

Перемещение jquery.unobtrusive-ajax.js вне частичного обзора решило проблему в моем случае.

Answer 8

Вы можете использовать bind вместо live в jquery.unobtrusive-ajax.min.js ~~~ Это очень важно. Потому что live событие будет вызывать предыдущие события каждый раз, но bind только вызовытекущее событие.

Answer 9

это старо, но я нашел что-то действительно глупое, что легко упустить из виду.

К нашей форме также было прикреплено следующее:

$(document).ready(function () {
    $('#submit-button').on('click', function (e) {
        ....
    }
});

Очевидно, что .NET-код обрабатывает этосам по себе.

Answer 10

Я нашел решение, просто удалите все ссылки на jquery.unobtrusive-ajax.js, так как вы используете Ajax.BeginForm, он обычно будет использовать ajax.

Так что не нужно отключать ajax.