MVC4 Ajax.BeginForm не заменяет UpdateTargetId

Существует проблема с jquery.unobtrusive-ajax.min и JQuery 1.9, потому что JQuery 1.9 не поддерживает метод live() любой больше. Поэтому вам следует использовать подключаемый модуль переноса JQuery и ссылаться на файл переноса JQuery js.

Убедитесь, что вы включили unobtrusive-ajax.js на страницу, на которой вы разместили форму ajax.

<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

У меня была эта проблема, я просто установил последний ненавязчивый пакет от NuGet и решил проблему

PM>Установочный пакет Microsoft.jQuery.Unobtrusive.Ajax

Потребуется JQ 1.8+

Я не знаю, столкнется ли с этим кто-нибудь еще, но в моем случае он только не обновлялся. Я создавал простую форму редактирования, в которой вы выбираете элемент, который хотите отредактировать, из раскрывающегося списка, нажимаете кнопку, и AJAX загружает форму редактирования для выбранного элемента.

Это сработало в первый раз, но после изменения моего выбора в раскрывающемся списке и нажатия кнопки ни одно из значений формы не изменилось, хотя я проверил, что мой код на стороне сервера загружает новый элемент в модель представления. Так оказалось, что «Заменить» не работает. Пройдя через jquery.unobtrisive-ajax.js, я обнаружил, что он заменяет содержимое моего целевого элемента, только с той же разметкой представления, которая у него уже была, что не соответствовало переданной модели. на вид!

Вот тогда я и понял, что это ModelState меня достало. Во второй раз, когда я нажал кнопку загрузки, он отправил мой раскрывающийся список, а также мою заполненную форму редактирования. Все значения в форме редактирования были добавлены к ModelState (как и следовало ожидать). Затем мой код контроллера заменил представленную модель представления (которую связыватель модели создал из значений формы редактирования) моделью представления для выбранного раскрывающегося значения и передал ее в частичное представление. Однако в частичном представлении используется набор вспомогательных методов Html.[X]For. Они игнорируют обновленную модель представления и извлекают свои значения непосредственно из файла ModelState. Например:

@Html.DisplayFor(m => m.Name)
@Model.Name

будет отображать два разных значения имени; первое отображает отправленное имя, а второе - обновленное имя. Это механизм, который позволяет MVC запоминать записи формы вашего пользователя после ошибки проверки (на стороне сервера). В этом случае, поскольку это частичная загрузка страницы, и я просто выбрасываю все отправленные значения, мне не нужны никакие значения ModelState, поэтому я просто вызываю ModelState.Clear(), прежде чем возвращать свое представление для обновленного просмотреть модель.

    public ActionResult GetItemEditForm(EditItemsViewModel editItemsVM)
    {
        if (editItemsVM.SelectedItemID != null)
        {
            //Load the selected item
            ItemsModelManager.GetEditItemsVM(editItemsVM);

            //Clear the submitted form values
            ModelState.Clear();
        }

        return PartialView("_ItemsEditor", editItemsVM);
    }

У меня были такие же проблемы, как и у вас - все мои скрипты были собраны и загружены правильно, и весь код был реализован правильно. Я проверил диспетчер пакетов, чтобы увидеть, нужно ли обновлять какие-либо сценарии, и jQuery и jquery.unobtrusive-ajax сделали это. jQuery перешел с 1.9 на 1.9.1. Когда я перестроил свое решение, целевой DIV был успешно обновлен. Попробуйте обновить все JS в своем решении, может сработает.

Следующее должно быть на любой странице, использующей ajax.

@section Script {
    @Scripts.Render("~/bundles/jqueryval")
}

Вау, здесь много ответов. Моя проблема была связана с панелью начальной загрузки. Это создавало «вложенную» панель. Я удалил разметку панели и просто использовал старый добрый div, и это сработало. Я думаю, что UpdateTargetId должен быть прямым родителем формы AJAX.

Вот html, иллюстрирующий проблему.

<div class="panel panel-default" id="notes-form">
  <div class="panel-body">
    @using (Ajax.BeginForm("EditNote", new { id = Model.Id }, new AjaxOptions { UpdateTargetId = "notes-form" }, htmlAttributes: new { @class = "form-horizontal" }))
    {
    }
  </div>
</div>

Для тех, кому нужно немного больше пояснений....

Введите это в консоли диспетчера пакетов PM> Install-Package jQuery.Migrate

Ссылка на это в вашем частичном представлении:

сценарий src="~/Scripts/jquery.unobtrusive-ajax.js">

Всем удачного кодирования.

Ответ пользователя xr280xr для включения

ModelState.Clear();

работал на меня. Приложение, с которым я работаю, находится на более старой версии jQ (1.7.x), поэтому миграция не сработает в нашей ситуации. Очистка состояния модели в контроллере сделала именно то, что мы ожидали от BeginForm.

Проверьте главную страницу ИЛИ Справочник по сценариям вашей страницы о jquery.unobtrusive-ajax.js, если не добавить ссылку об этом js: jquery.unobtrusive-ajax.js

Метод live() устарел в jQuery версии 1.7 и удален в версии 1.9. Вместо этого используйте метод on(). Для получения дополнительной информации см.: http://www.w3schools.com/jquery/event_live.asp

Сначала установите «Microsoft.JQuery.Unobtrusive.Ajax» из NuGet Manager, а затем включите «~/Scripts/jquery.unobtrusive» в « BundleConfig" после включения "jquery-{version}.js"; который будет выглядеть примерно так:

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