【问题标题】:Ajax.BeginForm with OnComplete always updates page带有 OnComplete 的 Ajax.BeginForm 总是更新页面
【发布时间】:2012-09-15 18:49:39
【问题描述】:

我在 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 的行为。

【问题讨论】:

  • 也许这会有所帮助,也看看第一条评论stackoverflow.com/a/1357151/985284
  • 情况并非如此(但可以肯定的是,我也尝试了这两种方法)。这是 Ajax.BeginForm 的 MS 处理,带有 OnBegin、OnComplete 等事件,根据 MSDN 文档,OnComplete 应该可以通过返回 false 来停止。

标签: ajax asp.net-mvc events ajaxform


【解决方案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);
    }
}

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2017-12-01
  • 2021-08-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-10
  • 2021-11-20
相关资源
最近更新 更多