前端JS加loading图，防止多次点击提交ajax

//loading图
    function loadingImage(bool) { //¼ÓÔØ
        if (bool) {
            $("body").append('<div class="loading_image"' +
                ' style="position:fixed;' +
                'top:0;left:0;width:100%;height:100%;z-index:99999">' +
                '<img' +
                ' style="width:25px;' +
                'position:fixed;' +
                'left:50%;top:50%;' +
                'transform:translate(-50%,-50%);' +
                'padding:15px;' +
                'background:rgba(0,0,0,.6);' +
                'border-radius:3px;' +
                'font-size:14px;' +
                'border-radius:10px"' +
                'src="https://img-blog.csdnimg.cn/2022010612002072955.gif"/>' +
                '</div>')
        } else {
            $(".loading_image").remove()
        }
    }
在点击事件前加

loadingImage(true)
在ajax提交success 中加

loadingImage(false)

转载于:https://www.cnblogs.com/mfser/p/9044286.html