MVC4 Ajax.BeginForm没有替换UpdateTargetId
关于Ajax.BeginForm的问题，有很多关于使用返回局部视图正确更新目标元素的问题：
mvc4 ajax更新同一页面
ASP.NET MVC 4 – Ajax.BeginForm和html5
MVC 4（razor） – 控制器返回部分视图但整个页面正在更新
MVC 4 Ajax没有更新页面中的PartialView
但是，所有这些都可以通过手动写出jQuery ajax或包含丢失的javascript文件来解决。
@using (Ajax.BeginForm("PostcardDetails", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "details" })) { @{Html.RenderAction("PostcardSearchResults", Model);} } 相关控制器代码：
[AcceptVerbs(HttpVerbs.Post | HttpVerbs.Get)] public ActionResult PostcardSearchResults(PostcardSearchFilter filter) { PostcardSearchResults model = new PostcardSearchResults(filter); return PartialView("_PostcardSearchResults", model); }
在我的布局中，我引用了这些jQuery文件。 此外，我已经validation页面正在输出正确的路径，并且它找到了正确的文件。 我试过切换unobtrusive-ajax.min.js和validate.min.js的顺序，但没有成功。
此外，在我的网站的根web.config和我的View文件夹中的web.config，我已经包括：
我不知道还有什么地方可以看。 没有抛出javascript错误，控制器被正确命中，返回一个PartialViewResult。 HTML中的Form元素填充了所有正确的data-属性。
jquery.unobtrusive-ajax.min和JQuery 1.9存在问题，因为JQuery 1.9不再支持live（）方法。 所以你应该使用JQuery migrate插件，并引用JQuery migrate js。
确保将unobtrusive-ajax.js包含在您放置了ajax表单的页面中。
我遇到了这个问题，我刚从NuGet安装了最新的不显眼的软件包并解决了这个问题
PM> Install-Package Microsoft.jQuery.Unobtrusive.Ajax
需要JQ 1.8+
我遇到了类似的问题 – 我已将所有脚本捆绑并正确加载，并且所有代码都已正确实现。 我检查了包管理器以查看是否需要更新任何脚本以及jQuery和jquery.unobtrusive-ajax。 jQuery从1.9升到1.9.1。 当我重建我的解决方案时，目标DIV已成功更新。 尝试并更新解决方案中的所有JS，它可能会起作用。
以下内容需要在任何使用ajax的页面上。
@section Script { @Scripts.Render("~/bundles/jqueryval") }
我不知道是否有其他人会碰到这个，但在我的情况下，它似乎只是没有更新。 我正在构建一个简单的编辑表单，您可以从下拉列表中选择要编辑的项目，单击按钮，然后AJAX会为所选项目加载编辑表单。
它第一次工作，但在更改我在下拉列表中的选择，并单击按钮后，没有任何表单值更改，即使我validation我的服务器端代码正在将新项目加载到视图模型中。 所以看来替换不起作用。 在单步执行jquery.unobtrisive-ajax.js后，我发现它正在替换我的目标元素的内容，只是使用了已经拥有的相同视图标记，这与传递给视图的模型不匹配！
就在我意识到的时候，正是ModelState让我ModelState 。 我第二次点击加载按钮，它提交了我的下拉选择，但也提交了我填写的编辑表单。 编辑表单中的所有值都已添加到ModelState （如您所料）。 然后，我的控制器代码将提交的视图模型（从编辑表单值创建的模型绑定器）替换为所选下拉值的视图模型，并将其传递给局部视图。 但是，局部视图使用了一堆Html.[X]For辅助方法。 这些忽略更新的视图模型并直接从ModelState提取它们的值。 例如：
@Html.DisplayFor(m => m.Name) @Model.Name
将为Name显示两个不同的值; 前者显示提交的名称，后者显示更新的名称。 这是允许MVC在（服务器端）validation错误之后记住用户的表单条目的机制。 在这种情况下，因为这是一个部分页面加载，我只是丢弃所有提交的值，我不需要任何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); }
对于那些需要更多解释的人….
在包管理器控制台PM> Install-Package jQuery.Migrate中键入此内容
在您的部分视图中引用此内容：
script 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
哇，这里有很多答案。 我的问题是由于自举面板。 它正在创建一个“嵌套”面板。 我删除了面板标记，只使用了一个普通的旧div，它工作正常。 我认为UpdateTargetId必须是AJAX表单的直接父级。
这是说明问题的html。
@using (Ajax.BeginForm("EditNote", new { id = Model.Id }, new AjaxOptions { UpdateTargetId = "notes-form" }, htmlAttributes: new { @class = "form-horizontal" })) { }
首先，从NuGet Manager安装’ Microsoft.JQuery.Unobtrusive.Ajax ‘，然后在包含“ jquery- {version} .js ”之后在“ BundleConfig”中包含“ 〜/ Scripts / jquery.unobtrusive ”; 看起来与此类似：
bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js", "~/Scripts/jquery.unobtrusive*));