js ajax请求时显示加载图片，请求结束后移除加载图片

Qlittleboy

已于 2023-10-20 13:54:22 修改

阅读量166

点赞数

文章标签： javascript ajax 开发语言

于 2023-10-20 13:52:49 首次发布

本文链接：https://blog.csdn.net/qq_21810059/article/details/133944770

版权

//$(document).ajaxSend每个请求发出时都会触发，需要做处理，防止添加多个图片
//当所有 AJAX 请求发送时，添加加载中图片，转圈的那个
$(document).ajaxSend(function(e,xhr,opt){
    if($("#theloadingiconimg").length==0){
        $('body').append("<img id='theloadingiconimg' src='/static/qcwap/images/loadingicon.gif' />");
    }
});
//当所有 AJAX 请求完成时，移除加载中图片，转圈的那个
$(document).ajaxStop(function(){
    $("#theloadingiconimg").remove()
});