參考：https://blog.csdn.net/William0318/article/details/102909640

1.loading html代碼

在modal div上添加data-backdrop='static'

實(shí)現(xiàn)點(diǎn)擊loading之外的范圍loading不消失，否則點(diǎn)擊彈出框之外范圍loading自動(dòng)消失。

2.顯示隱藏loading函數(shù)

3.

async. 默認(rèn)是 true，即為異步方式，$.ajax執(zhí)行后，會(huì)繼續(xù)執(zhí)行ajax后面的腳本，直到服務(wù)器端返回?cái)?shù)據(jù)后，觸發(fā)$.ajax里的success方法，這時(shí)候執(zhí)行的是兩個(gè)線程。

async 設(shè)置為 false，則所有的請(qǐng)求均為同步請(qǐng)求，在沒(méi)有返回值之前，同步請(qǐng)求將鎖住瀏覽器，用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行。設(shè)置async:false，loading加載也在請(qǐng)求數(shù)據(jù)完成后才顯示。

ajax提交請(qǐng)求,beforeSend里面的loading不起作用

原因是ajax的async設(shè)置為false時(shí)同步提交。瀏覽器的渲染(UI)線程和js線程是互斥的，在執(zhí)行js耗時(shí)操作時(shí)，頁(yè)面渲染會(huì)被阻塞掉。也就是你這個(gè)問(wèn)題beforeSend里面好像沒(méi)有執(zhí)行。其實(shí)，已經(jīng)進(jìn)beforeSend里面了。只是,你里面的樣式設(shè)置被阻塞掉了。解決方案:把它改成異步即可async:true。（默認(rèn),就是異步。可以直接省略不寫(xiě)。直接把a(bǔ)sync:false去掉即可)