javascript - ajaxComplete 未被调用

Question

我不明白为什么这不起作用，我已经在 stackoverflow 上查看了很多问题，但没有发现我的代码有任何问题。

我有一个#loading div，我想在ajax 调用完成后删除它。这是我的代码，从未调用过 ajaxComplete。

我做错了什么？

 $(document).ajaxStart(function () {
        console.log("ajax start");
        $("#loading").show();
    });
    $(document).ajaxComplete(function () {
        console.log("ajax complete");
        $("#loading").remove();
    });

    $(document).ready(function () {


        $.ajax({
            type: 'GET',
            url: '@Url.Content("~/Service/listAllDevices")' + '?limit=' + 300 + '&offset=' + 10,
            dataType: 'json',
            async: 'false',
            global: true,
            success: function (listAllDevicesResponse) {
                console.log("ajax done");
                console.log(listAllDevicesResponse);
            }
        });

    });

Answer 1

$.ajax 对象没有 ajaxComplete 事件处理程序，而是使用 done 或 always。还有完整的事件处理程序，但从 jQuery 1.8 开始已弃用。

 $(document).ajaxStart(function () {
    console.log("ajax start");
    $("#loading").show();
});

$(document).ready(function () {

    $.ajax({
        type: 'GET',
        url: '@Url.Content("~/Service/listAllDevices")' + '?limit=' + 300 + '&offset=' + 10,
        dataType: 'json',
        async: 'false',
        global: true,
        success: function (listAllDevicesResponse) {
            console.log("ajax done");
            console.log(listAllDevicesResponse);
        },
        always: function() {
          console.log("ajax complete");
          $("#loading").remove();            
        }
    });

});

您可以阅读有关 jQuery $.ajax 的更多信息 here .