AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下更新數據的技術。它使用異步請求，使得用戶可以在頁面加載過程中繼續與頁面進行交互。通過AJAX，我們可以實現更流暢的用戶體驗，同時減輕服務器的負荷。

在網頁中加載大量內容時，使用AJAX可以顯著提升頁面加載速度。例如，當用戶在社交媒體網站上瀏覽朋友的動態時，頁面可能需要加載許多帖子和圖片。如果每次滾動頁面都需要刷新整個頁面，加載大量內容將會非常緩慢。而通過使用AJAX，只需要加載當前可視區域的內容，用戶可以流暢地滾動頁面，無需等待整個頁面加載完成。

<script>
function loadMorePosts() {
// 向服務器發送異步請求，獲取更多帖子內容
// 將新獲取的帖子添加到頁面中
}
</script>

除了提升頁面加載速度，AJAX還可以在用戶與頁面進行交互時顯示加載狀態。當用戶提交一個表單或點擊一個按鈕時，頁面可能需要執行一些長時間運行的操作，例如向服務器發送數據或進行復雜的計算。如果用戶沒有得到任何反饋，可能會誤認為頁面已經卡住了。通過使用AJAX，我們可以在操作進行期間顯示一個加載圖標或進度條，讓用戶知道請求正在進行中。

<div id="loading" style="display:none">
<img src="loading.gif" alt="加載中">
</div>
<script>
function submitForm() {
// 顯示加載圖標
document.getElementById('loading').style.display = 'block';
// 執行長時間操作
// 隱藏加載圖標
document.getElementById('loading').style.display = 'none';
}
</script>

此外，AJAX還可以實現實時更新數據的功能。例如，在一個聊天應用中，當有新消息到達時，我們可以使用AJAX將新消息添加到頁面中，而無需刷新整個頁面。這樣用戶可以實時看到其他用戶發送的消息，達到更好的溝通效果。類似地，當我們在在線銷售網站上選擇一個商品后，AJAX可以無刷新地更新購物車中商品的數量和總價。

<script>
function receiveNewMessage(message) {
// 向頁面中添加新消息
}
function sendMessage(message) {
// 將消息發送給服務器
}
// 監聽新消息的到達并展示
setInterval(function() {
// 向服務器發送異步請求，獲取新消息
// 將新消息傳遞給 receiveNewMessage 函數
}, 1000);
</script>

總而言之，AJAX的loading功能提供了一種高效的方式加載數據并增強用戶體驗。通過使用AJAX，我們可以實現頁面的部分加載、顯示加載狀態以及實時更新數據等功能，從而提升用戶體驗并緩解服務器壓力。