現代網頁應用程序越來越注重用戶體驗，其中一個重要的方面是通過Ajax技術實現數據的動態加載。當我們發送Ajax請求獲取數據時，為了提高用戶體驗，通常會在頁面中顯示一個加載指示器，告訴用戶數據正在加載中。本文將介紹如何使用Ajax發送請求時顯示加載指示器，并通過舉例說明。

在開發中，我們可以使用JavaScript的ajax方法來發送異步請求。通常，在請求發送之前，我們可以在頁面中添加一個加載指示器，如一個旋轉圖標或者一個進度條。當發送請求后，加載指示器將顯示在頁面上，直到服務器返回響應數據之后，該指示器會被移除。下面是一個使用jQuery的例子：

$("button").click(function(){
$("#loading").show();   // 顯示加載指示器
$.ajax({url: "demo.php", success: function(result){
$("#loading").hide();  // 隱藏加載指示器
$("#content").html(result);  // 顯示服務器返回的數據
}});
});

在這個例子中，假設我們有一個按鈕，當點擊該按鈕時會發送一個Ajax請求。在請求發送之前，我們使用jQuery的show方法顯示一個id為"loading"的元素，作為加載指示器。當請求成功返回數據后，我們使用hide方法隱藏該元素，并使用html方法將數據顯示在id為"content"的元素中。通過這樣的操作，我們可以在發送請求時顯示一個加載指示器，為用戶提供更好的體驗。

另一個常見的情況是在表單提交時使用Ajax發送請求，并顯示加載指示器。例如，我們有一個登錄表單，當用戶輸入用戶名和密碼后點擊登錄按鈕時，我們通過Ajax發送請求驗證用戶的身份。下面是一個示例：

$("form").submit(function(e){
e.preventDefault();  // 阻止默認表單提交行為
$("#loading").show();   // 顯示加載指示器
$.ajax({
url: "login.php",
type: "POST",
data: $("form").serialize(),  // 獲取表單數據
success: function(result){
$("#loading").hide();  // 隱藏加載指示器
if(result === "success"){
// 登錄成功，跳轉到首頁
window.location.href = "home.php";
} else {
// 登錄失敗，顯示錯誤信息
$("#error").html(result);
}
}
});
});

在這個例子中，我們使用jQuery的submit方法來捕獲表單的提交事件。通過preventDefault方法，我們阻止了表單的默認提交行為。之后，我們顯示了一個加載指示器，并使用Ajax發送了一個POST請求到"login.php"頁面，同時將表單數據作為請求的數據。請求返回成功后，我們隱藏了加載指示器。如果服務器返回的結果是"success"，則表示登錄成功，我們通過window.location.href跳轉到首頁。如果結果不是"success"，則表示登錄失敗，我們將錯誤信息顯示在id為"error"的元素中。

通過以上兩個例子，我們可以看到如何在發送Ajax請求時顯示加載指示器。通過這樣的做法，可以提高用戶體驗，讓用戶知道數據正在加載中，避免用戶因為長時間無響應而以為是應用程序崩潰或網絡故障。在實際的開發中，我們可以根據需求自定義加載指示器的樣式和內容，以滿足用戶的期望和需求。