带有OnComplete的Ajax.BeginForm始终更新页面

小编典典

带有OnComplete的Ajax.BeginForm始终更新页面

ajax

我在MVC中有简单的ajax形式。在AjaxOptions中，将OnComplete设置为简单的javascript函数，该函数执行一件事-返回false。

@using (Ajax.BeginForm("Action", "Controller", new AjaxOptions { UpdateTargetId = "DivFormId", HttpMethod = "Post", OnComplete = "preventUpdate" }))

function preventUpdate(xhr) {
    return false;       
}

问题是该页面已经更新。例如，在一种情况下，控制器在回发后返回部分视图，在另一种情况下，它返回一些Json对象。我希望它在返回部分视图时更新页面，并在返回json时显示对话框窗口。不幸的是，当返回json时，即使OnComplete函数返回false，它也会清除页面（使用json更新），如MSDN所说：若要取消页面更新，请从JavaScript函数返回false。

如何根据收到的响应阻止页面更新？

谢谢！

-----更新-------

到目前为止，我找到了以下解决方案。当我不指定UpdateTargetId时，我可以手动处理所需的响应。但是它仍然没有记录，返回false的行为。

阅读 203

2020-07-26

共1个答案

小编典典

使用OnSuccess并摆脱UpdateTargetId。像这样：

@using (Ajax.BeginForm("Action", "Controller", new AjaxOptions { HttpMethod = "Post", OnSuccess = "foo" }))
{
    ...
}

然后：

function foo(result) {
    if (result.SomePropertyThatExistsInYourJsonObject) {
        // the server returned a JSON object => show the dialog window here
    } else {
        // the server returned a partial view => update the DOM:
        $('#DivFormId').html(result);
    }
}

2020-07-26