AjaxOptions 完成时

Question

我想使用 OnComplete，因为我需要在使用 Ajax 调用的数据更新 View 之前修改 View 。正如这里所说:MSDN ，它应该非常简单。然而，它没有工作，经过一些调查，似乎 OnComplete 触发 before OnSucess 但是 after View 已更新。

用于测试的代码:

@{
    AjaxOptions options = new AjaxOptions {OnSuccess = "onSuccess",
    OnComplete = "onComplete", UpdateTargetId = "Update"};
}

@Ajax.ActionLink("Hit it", "Action", options)
<div id="Update"></div>

<script type="text/javascript">
    function onSuccess() {
        alert('onSuccess: ' + $('#Update').html());
    }
    function onComplete() {
        alert('onComplete ' + $('#Update').html());
    }
</script>

public ContentResult Action()
{
    return Content("Content");
}

我是不是遗漏了什么或者出了什么问题？

Answer 1

在你的 View 中试试这个:

@Ajax.ActionLink("Hit it", "Action", new AjaxOptions() { OnSuccess="done"} )
<div id="Update"></div>

Controller Action :

public ContentResult Action()
{
    return Json(new { content="content" }, JsonRequestBehavior.AllowGet);
}

JavaScript:

function done(data) {
    var message = data;
    if (typeof message["content"] !== "undefined") {
        $('#Update').html(message["content"]);
    } else {
        alert("error");
    }
}

您可以从您的 Controller 传递一个 Json 结果并通过 JavaScript 在您的 View 中获取该消息并更新您的 div。