javascript - ajaxComplete 不触发

Question

我遇到了这个问题，并不是所有的 ajaxComplete 调用都被触发了。

我的代码

$(document)
.ajaxStart(function () {
    $.blockUI();
 })
.ajaxComplete(function () {
    $.unblockUI();
 });

这是 ajaxComplete 没有触发的代码:

$('body').on('click', '.actTimeSheetApprove', function () {
    var node = $(this).parents('tr');

    $.ajax({
        url: '/TimeSheet/Approve/',
        type: 'POST',
        context: this,
        data: {
            __RequestVerificationToken: fnGetToken(),
            id: $(this).data('id')
        },
        success: function (data) {
            if (data == 'success') {
                var table = $('#tblTimeSheetApprove').DataTable();
                table.row(node).remove().draw();
                console.log('SUCCESS'); //I already made sure this is called
            }
        }
    })
})

请注意，我已经确保调用了 SUCCESS 日志。

知道为什么吗？

更新:

这是我的 Controller

[HttpPost]
[ValidateAntiForgeryToken]
[ClaimAuthorize("Role", "Manager")]
public ActionResult Approve(int id)
{
    _uow.TimeSheet.Approve(id, User.Identity.Name);
    _uow.Save();
    return Content("success");
}

这是我的控制台日志:

Answer 1

我猜你在 $.ajax 调用中的“语法”不正确，你错过了 complete...

成功 !== 完成

https://api.jquery.com/Ajax_Events/

通过 ajaxStart，您可以使用 load 或 ajaxSetup 来发出请求并定义成功/错误方法的行为；

同样对于调试，尝试 ajaxStop() 并查看是否一切正常。