ajax - ASP MVC-3 : Problems updating the data of an AJAX form after making a post

Question

提交后通过 AJAX 更新 for 时遇到以下问题。由于某种原因，返回的 HTML 上的一些隐藏字段没有被更新，这很奇怪，因为当我运行调试器时，它们似乎具有正确的值。

这是我的表单的相关部分

<div id="itemPopUpForm">
    @{Html.EnableClientValidation();}
    @Html.ValidationSummary()
    <div id="formDiv">
        @{ Html.RenderPartial("ItemData", Model, new ViewDataDictionary() { { "Machines", ViewBag.Machines }, { "WarehouseList", ViewBag.WarehouseList }, { WebConstants.FORM_ID_KEY, @ViewData[WebConstants.FORM_ID_KEY] } }); }
    </div>
</div>

然后，部分 View 包含像这样的隐藏字段，这些字段没有被更新

@using (Html.BeginForm("Index", "Item", FormMethod.Post, new { id = "frmItem", name = "frmItem" }))
{ 
    @Html.AntiForgeryToken()
    @Html.HiddenFor(model => model.Item.SodID)
    @Html.HiddenFor(model => Model.Item.ItemID) //The itemID needs updating when an item is copied
    @Html.HiddenFor(model => model.Item.Delivery.DeliveryAddressID, new { @id = "delAddressID" }) 

这是更新表单的 javascript 方法

function ajaxSave() {
        if (!itemValid()) return; 
        popup('ajaxSplash');
        $.ajax({
            type: "POST",
            url: '@Url.Action("Index")',
            data: $("#frmItem").serialize(),
            success: function (html) {
                console.log(html);
                $("#formDiv").html(html);
                initItemPage();
                alert("Item was saved successfully");
            },
            error: function () { popup('ajaxSplash'); onFailure(); }
        });
    }

操作索引返回部分 View “ItemData”，当我检查项目模型时，它确实具有正确的值，但当我看到返回的 html 时，它仍然设置为 0。

Answer 1

如果您打算在 POST 操作中修改模型属性，请不要忘记先将其从 ModelState 中删除，否则 HTML 帮助程序将在渲染时使用最初发布的值:

[HttpPost]
public ActionResult Index(MyViewModel model)
{
    // remove the value from modelstate
    ModelState.Remove("Item.ItemID");

    // update the value
    model.Item.ItemID = 2;   

    return PartialView(model);
}