ajax是一種用于在后臺與服務器進行異步通信的技術。通過ajax，可以在不刷新整個頁面的情況下，實現對頁面中特定部分的更新。ajax的同步和異步是指ajax請求的處理方式。同步請求會阻塞頁面的更新，直到服務器返回響應結果，而異步請求則不會阻塞頁面的交互。
舉個例子來說明同步和異步的區(qū)別。假設有一個網頁上有一個按鈕，點擊后會觸發(fā)一個ajax請求去后臺加載數據，并在加載完成后將數據更新到頁面上的一個div中。
如果使用同步請求的方式，當按鈕被點擊時，頁面會一直處于等待狀態(tài)，直到服務器返回響應結果并將數據更新到頁面上的div中才會解除等待狀態(tài)。在這個過程中，用戶無法與頁面進行其他操作，頁面會被阻塞。
代碼示例：

<pre>javascript
function loadData() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', false);  // 同步請求
xhr.send();
if (xhr.status === 200) {
var response = xhr.responseText;
// 更新數據到頁面的div中
document.getElementById('dataContainer').innerHTML = response;
}
}
document.getElementById('loadButton').addEventListener('click', loadData);

上述代碼中，xhr對象用于進行ajax請求。xhr.open方法用于配置請求的方式、URL和是否為同步請求。最后通過xhr.send方法發(fā)送請求。如果服務器返回響應狀態(tài)碼為200，表示請求成功，我們將響應結果更新到頁面的div中。
與同步請求不同，異步請求不會阻塞頁面的交互。當按鈕被點擊時，異步請求會立刻發(fā)送到后臺，并不會阻塞頁面的其他操作。只有當服務器返回響應結果時，頁面才會進行相應的更新。這樣用戶可以繼續(xù)進行其他操作，不會被頁面的阻塞所影響。
代碼示例：

<pre>javascript
function loadData() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true);  // 異步請求
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 更新數據到頁面的div中
document.getElementById('dataContainer').innerHTML = response;
}
};
xhr.send();
}
document.getElementById('loadButton').addEventListener('click', loadData);

上述代碼中，我們通過xhr對象中的onreadystatechange事件來監(jiān)聽服務器的響應狀態(tài)變化。當readyState為4（即請求已完成）且響應狀態(tài)碼為200時，表示服務器已返回響應結果，我們將結果更新到頁面的div中。
總結來說，同步ajax請求會阻塞頁面的交互，直到服務器返回響應結果才能繼續(xù)操作；而異步ajax請求則不會阻塞頁面的交互，可以在等待服務器響應的同時進行其他操作。根據具體需求，我們可以選擇適合的方式來處理ajax請求。