在現代的Web應用程序開發中，經常會遇到需要向服務器端發起異步請求并等待響應的情況。而為了提升用戶體驗，我們通常會給這類請求加上一個等待遮罩層，以使用戶在等待響應的過程中得到一種進度的反饋或者提示。

舉個例子來說明，假設我們正在開發一個電商網站，當用戶點擊提交訂單按鈕時，我們需要向服務器提交購買請求，然后等待服務器返回訂單處理結果。由于網絡延遲或者服務器端的處理時間不確定，這個等待過程可能會比較長，為了避免用戶長時間的等待，我們可以在頁面中加上一個遮罩層，顯示“正在處理中，請稍等”的提示信息。

那么如何通過Ajax技術實現這個功能呢？首先，我們需要通過JavaScript向服務器端發起異步請求，然后等待服務器返回結果。在等待過程中，我們可以在頁面中動態添加一個遮罩層，同時顯示一個加載動畫或者一段文字提示。當服務器返回結果后，我們可以將遮罩層移除，同時根據服務器的處理結果更新頁面的內容。

var mask = document.createElement('div'); 
mask.className = 'mask'; 
document.body.appendChild(mask);

上面的代碼中，我們創建了一個div元素，并為其添加了一個自定義的CSS類名“mask”。然后，我們將這個元素添加到了頁面的body元素中。這樣一來，遮罩層就會覆蓋在整個頁面上，阻止用戶對頁面的交互操作。

接下來，我們給遮罩層添加一段提示信息，告訴用戶正在處理中。

mask.innerHTML = '正在處理中，請稍等...';

現在，我們的遮罩層已經展示出來了，并且還有一個提示信息。接下來我們開始發起Ajax請求，并等待服務器返回結果。

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = function() { 
if(xhr.readyState === 4) {
// 服務器返回結果已經完成
mask.style.display = 'none'; // 移除遮罩層
// 更新頁面內容
var response = JSON.parse(xhr.responseText); 
document.getElementById('result').innerHTML = response.message;
} 
};
xhr.open('POST', '/submitOrder', true); 
xhr.send();

上述代碼中，我們通過XMLHttpRequest對象創建了一個AJAX請求，并指定了請求的URL為“/submitOrder”，請求方式為POST。隨后，我們調用了send()方法來發起請求。

當服務器響應完成后，我們會更新頁面內容，并將遮罩層移除。在這個例子中，我們將服務器返回的結果解析為JSON格式，并將結果顯示在一個擁有id為“result”的元素中。

通過使用Ajax提交請求，并在等待期間添加一個遮罩層，我們能夠提供給用戶一個良好的等待體驗。用戶不再需要長時間地等待，同時也能夠獲得一種視覺上的反饋。這樣一來，Web應用程序的交互體驗得到了極大的提升。