小编典典

带有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的行为。


阅读 201

收藏
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