jQuery ajax使用fetch API启动和停止方法

Question

我想使用jQuery start和stop方法出现并消失了我的旋转器，但是当我使用fetch api时，我似乎无法与jquery ajax启动和停止方法一起使用。我该如何走动？

$(document)
    .ajaxStart(function() {
        $buffer.show();
    })
    .ajaxStop(function() {
        $buffer.hide();
    })
;
fetch(url)
    .then(data => data.json())
    .then(thisObj => writeOnTheScreen(thisObj))
    })
;

Answer 1

尝试一下，它对我有用：

$(document).ajaxStop(function () {
    $('.ui-loader').hide();
});
$(document).ajaxStart(function () {
    $('.ui-loader').show();
    setTimeout(function () {
        $('.ui-loader').hide();
    }, 10000);
});

注意：如果async = false。

Answer 2

理想情况下，请检查您正在使用的jQuery的版本，并应将您的处理程序绑定到文档

$(document).ajaxStart(function() {
   alert('ajax started');
});

您也可以使用第三方，速度易于实现。