在進行網頁開發時，我們經常會遇到需要向服務器發送請求并等待返回結果的情況。而在等待的過程中，為了提升用戶體驗，很多網頁會使用轉圈圖標來表示正在等待狀態。這種實現方式通常使用Ajax技術，即在后臺進行異步請求的同時，頁面保持不刷新，并顯示一個轉圈圖標來告知用戶當前操作正在進行中。

以一個在線購物網站為例，當用戶點擊購買按鈕時，網頁會向服務器發送請求，查詢庫存是否充足。在這個過程中，用戶需要等待服務器返回結果，如果直接顯示等待頁面，用戶可能會感到無聊或焦慮。而通過使用轉圈圖標，可以讓用戶知道系統正在處理中，并且為用戶提供一個愉悅的等待體驗。

為了實現這個功能，我們需要使用Ajax技術來發送異步請求，并在等待返回結果時顯示轉圈圖標。以下是一個使用jQuery實現Ajax請求并顯示轉圈圖標的示例：

// 在按鈕點擊事件中發送Ajax請求
$("#buyBtn").click(function() {
// 顯示轉圈圖標
$("#loading").show();
// 發送Ajax請求
$.ajax({
url: "/checkStock",
type: "GET",
dataType: "json",
success: function(response) {
// 隱藏轉圈圖標
$("#loading").hide();
if (response.stock > 0) {
// 庫存充足，繼續后續操作
// ...
} else {
// 庫存不足，提示用戶
// ...
}
},
error: function() {
// 請求失敗，提示用戶
// ...
}
});
});

在上述代碼中，首先我們通過jQuery選擇器選中購買按鈕，并為其綁定了一個點擊事件。當用戶點擊購買按鈕時，會觸發該事件。在事件處理函數中，我們首先通過選擇器選中轉圈圖標元素，并調用show()方法來顯示圖標。接著，使用$.ajax方法發送了一個GET類型的請求，并指定了請求的URL、數據類型等參數。請求成功后的回調函數會隱藏轉圈圖標，并根據服務器返回結果進行相應的操作。

通過上述方法，我們可以很輕松地實現在等待Ajax請求返回結果時顯示轉圈圖標的效果。這種方式可以提升用戶體驗，讓用戶明確知道系統正在處理，并且減少用戶焦慮和等待時間的感知。

除了轉圈圖標，還有其他形式的等待效果，如進度條、提示信息等。在實際開發中，可以根據業務需求選擇合適的等待效果來增強用戶體驗。無論選擇何種方式，關鍵在于合理安排等待時間，并通過適當的提示告知用戶當前操作正在進行中，從而提升用戶滿意度和整體用戶體驗。