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

时间:2012-09-24 10:08:52

标签: ajax asp.net-mvc events ajaxform

我在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时,它会清除页面(用json更新它),即使OnComplete函数返回false,如MSDN所说:要取消页面更新,请从JavaScript函数返回false。

如何根据收到的回复阻止页面更新?

谢谢!

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

到目前为止,我找到了以下解决方案。当我没有指定UpdateTargetId时,我可以手动执行我想要的响应。但是仍然没有记录返回false的行为。

1 个答案:

答案 0 :(得分:23)

使用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);
    }
}