AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁的技術，它通過在后臺與服務器進行數據交換，實現異步加載，使網頁具有更流暢和用戶友好的體驗。在本文中，我們將討論如何使用AJAX進行同步請求并顯示加載的文章。通過這種方式，我們可以在用戶等待期間顯示一個加載動畫，讓用戶知道數據正在加載中，并避免不必要的用戶焦慮。

為了理解AJAX同步請求顯示加載的過程，讓我們考慮一個簡單的例子。假設我們有一個新聞網站，當用戶點擊某個新聞文章時，通過AJAX向服務器請求文章的內容，以實現無刷新加載。在這個例子中，我們希望在文章加載期間顯示一個加載動畫。

首先，我們需要在HTML頁面中創建一個用于顯示加載動畫的容器。這個容器可以是一個div元素，我們可以為它設置一個唯一的ID，例如"id=loading"，并在其中插入一個加載動畫的圖片。下面是示例的HTML代碼：

<div id="loading">
<img src="loading.gif" alt="正在加載..." />
</div>

接下來，我們需要編寫AJAX同步請求的代碼。我們可以使用XMLHttpRequest對象來實現AJAX請求。首先，我們需要創建一個XMLHttpRequest對象，并指定請求的URL。然后，我們可以使用open()方法設置請求的類型和URL，并使用send()方法發送請求。在發送請求之前，我們可以在請求開始時顯示加載動畫，請求完成后隱藏加載動畫。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 指定請求的URL
var url = "example.com/article";
// 顯示加載動畫
document.getElementById("loading").style.display = "block";
// 發送請求
xhr.open("GET", url, false);
xhr.send();
// 隱藏加載動畫
document.getElementById("loading").style.display = "none";

在上面的代碼中，設置了XMLHttpRequest對象的open()方法的第三個參數為false，表示使用同步請求。因此，在發送請求后，代碼會一直等待服務器的響應，直到響應返回或超時。為了更好地控制請求的超時時間，我們可以在open()方法之后設置timeout屬性，以毫秒為單位。

當服務器響應返回后，我們可以使用XMLHttpRequest對象的responseText屬性獲取響應的內容。在上面的例子中，我們可以將獲取到的文章內容插入到HTML頁面中的適當位置，以顯示給用戶。

綜上所述，通過使用AJAX同步請求并顯示加載的文章，我們可以在用戶等待期間提供一個友好的加載動畫，以改善用戶體驗。無論是加載新聞文章還是其他類型的內容，這種技術都可以幫助我們實現流暢和高效的網頁交互。