AJAX（Asynchronous JavaScript and XML）是一種前端技術，可以在無需刷新整個頁面的情況下和服務器進行異步通信。這種技術在網頁開發中經常被使用，特別是在需要動態加載數據或更新頁面內容的場景下。利用AJAX，我們可以實現更加流暢和友好的用戶體驗。一個常見的使用案例是在網站中使用AJAX來加載數據，并在加載過程中顯示"Loading"，以提醒用戶等待。

假設我們正在開發一個在線音樂播放器的網站。當用戶點擊歌曲列表中的某個歌曲時，我們希望在不刷新整個頁面的情況下，使用AJAX從服務器加載該歌曲的相關數據，例如歌手、專輯、歌曲長度等信息。在加載過程中，我們可以顯示一個"Loading"的提示，讓用戶意識到數據正在加載中。

function loadSongData(songId) {
// 顯示"Loading"提示
document.getElementById("loading").style.display = "block";
// 使用AJAX從服務器加載歌曲數據
var xhr = new XMLHttpRequest();
xhr.open("GET", "/songs/" + songId, true);
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 數據加載完成后隱藏"Loading"提示
document.getElementById("loading").style.display = "none";
// 解析服務器返回的數據
var songData = JSON.parse(xhr.responseText);
// 更新頁面中的歌曲信息
document.getElementById("songTitle").innerText = songData.title;
document.getElementById("songArtist").innerText = songData.artist;
document.getElementById("songAlbum").innerText = songData.album;
document.getElementById("songLength").innerText = songData.length;
}
};
xhr.send();
}

在上面的代碼中，我們使用了一個名為loadSongData的函數來實現加載歌曲數據。在函數內部，首先我們通過document.getElementById("loading")獲取加載提示的DOM元素，然后將其樣式的display屬性設置為"block"，以顯示"Loading"。接下來，我們使用XMLHttpRequest對象創建一個異步請求，并指定請求的URL和請求方法為GET。在請求發送之前，我們還設置了一個readystatechange事件處理函數，用于在請求狀態發生改變時進行處理。在響應狀態為DONE且狀態碼為200時，表示數據加載成功，我們隱藏"Loading"提示，然后解析服務器返回的JSON數據，并更新頁面中的歌曲信息。

除了加載歌曲數據，我們還可以使用AJAX來實現其他的功能，例如發表評論、加載更多內容等等。在這些場景下，同樣可以使用類似的方式顯示"Loading"提示，并在數據加載完成后隱藏它。這樣做不僅可以提升用戶體驗，還可以增加用戶對頁面操作的可見性。

總之，AJAX在網頁開發中有著廣泛的應用，特別是在需要動態加載數據或更新頁面內容的場景下。通過在數據加載過程中顯示"Loading"提示，我們可以讓用戶意識到數據正在加載中，提升用戶體驗。上述的例子只是AJAX的一種應用案例，我們可以根據實際的需求和情況，靈活運用AJAX來滿足各種功能的實現。