在開發(fā)web頁面的過程中，我們常常需要使用到異步請求。而在發(fā)送請求等待數(shù)據(jù)返回的過程中，我們希望頁面出現(xiàn)遮罩層，展示正在加載的提示，以提升用戶體驗(yàn)。JQuery的ajax方法提供了方便的實(shí)現(xiàn)方式。

我們可以在ajax發(fā)送請求之前，先添加一個遮罩層。在請求結(jié)束后再將遮罩層移除。

$(document).ajaxSend(function() {
// 添加遮罩層
var html = "<div id='ajaxModal' style='position: fixed; z-index: 99999999; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5);'></div>";
$("body").prepend(html);
}).ajaxComplete(function() {
// 移除遮罩層
$("#ajaxModal").remove();
});

以上代碼中，ajaxSend方法表示在ajax發(fā)送請求前執(zhí)行的代碼，ajaxComplete方法則表示請求結(jié)束后執(zhí)行的代碼。

在ajaxSend方法中，我們添加了一個遮罩層。我們可以自定義遮罩層的樣式，例如背景顏色、透明度等，以適應(yīng)不同的項(xiàng)目需求。

在ajaxComplete方法中，我們通過選擇器找到遮罩層的元素并將其移除。這樣，我們就可以在數(shù)據(jù)返回后移除遮罩層，保證頁面的正確顯示。

使用JQuery的ajax方法，我們可以快速簡單地實(shí)現(xiàn)一個遮罩層，提供更好的用戶體驗(yàn)。