Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上實現異步加載內容的技術。它可以在不刷新整個頁面的情況下，通過與服務器進行數據交換來更新網頁的一部分。同步loading是Ajax的一種應用方式，它能夠在用戶等待時顯示loading動畫，增強了用戶體驗。

舉個例子，假設我們有一個電商網站，用戶可以通過點擊不同的商品分類來顯示相應的商品列表。通常，當用戶點擊某個分類時，網頁會刷新整個頁面，然后加載相應的商品列表。這意味著用戶需要等待頁面刷新和加載過程完成，期間可能會感到不耐煩。然而，如果我們采用Ajax同步loading的方式，用戶在點擊分類時，只會在頁面的相應部分顯示loading動畫，而無需等待整個頁面的刷新，大大縮短了等待時間。

// HTML
<div id="product-list"></div>
// JavaScript
function loadProducts(category) {
showLoading();
// 發送Ajax請求獲取商品列表
$.ajax({
url: "api/products/" + category,
method: "GET",
success: function(response) {
hideLoading();
displayProducts(response);
},
error: function() {
hideLoading();
displayError();
}
});
}
function showLoading() {
$("#product-list").html("<div class='loading'>Loading...</div>");
}
function hideLoading() {
$("#product-list .loading").remove();
}
function displayProducts(products) {
// 將從服務器獲取到的商品列表顯示在頁面中
}
function displayError() {
// 顯示錯誤信息
}

上面的代碼示例中，當用戶點擊某個商品分類時，loadProducts函數會被調用。首先，它會調用showLoading函數，在頁面的相應部分顯示loading動畫。然后，它通過使用Ajax發送GET請求來獲取該商品分類的商品列表。在請求成功時，它會調用hideLoading函數，將loading動畫隱藏。最后，它會調用displayProducts函數，將從服務器獲取到的商品列表顯示在頁面中。

通過使用Ajax同步loading，我們可以提升用戶體驗，讓用戶不再感到等待時間過長。而且，在商品列表加載過程中，用戶仍然可以在頁面上執行其他操作，提高了頁面的交互性。同時，這種方式也減輕了服務器的負擔，因為只需要更新部分頁面內容，而不是整個頁面。

總之，在需要更新部分頁面內容的情況下，采用Ajax同步loading是一種可行的解決方案。它可以提高用戶體驗，加快頁面加載速度，并減輕服務器負擔。