AJAX技術可以實現同步和異步的數據交互。同步是指請求和響應之間的交互是按照順序進行的，而異步則是指請求和響應可以同時進行，不會相互影響。通過使用不同的HTTP請求方法和設置不同的AJAX參數，我們可以實現同步和異步的效果。

首先，讓我們來看一個使用AJAX實現同步數據交互的例子。假設我們有一個簡單的頁面，其中有兩個按鈕，分別用于向服務器發送同步AJAX請求和異步AJAX請求。當點擊同步AJAX按鈕時，頁面會發出AJAX請求，等待服務器響應后再進行下一步操作。下面是一個實現同步AJAX的示例代碼：

function syncAjaxRequest() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "api/syncData", false); // 第三個參數設置為false，表示同步請求
xhr.send();
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 處理響應數據
}
}
document.getElementById("syncButton").addEventListener("click", syncAjaxRequest);

在上述代碼中，我們使用XMLHttpRequest對象創建了一個AJAX請求，通過設置xhr.open()的第三個參數為false，即將請求設置為同步。這樣，在調用xhr.send()方法發送請求后，頁面將會一直等待服務器響應，直到服務器返回響應結果并且xhr.readyState為4且xhr.status為200時才會繼續執行后續操作。

接下來，我們來看一個使用AJAX實現異步數據交互的例子。假設我們有一個類似的頁面，其中有一個按鈕用于發送異步AJAX請求。當點擊異步AJAX按鈕時，頁面會發出AJAX請求，并且可以立即繼續執行后續操作，而不必等待服務器響應。下面是一個實現異步AJAX的示例代碼：

function asyncAjaxRequest() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "api/asyncData", true); // 第三個參數設置為true，表示異步請求
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 處理響應數據
}
};
}
document.getElementById("asyncButton").addEventListener("click", asyncAjaxRequest);

在上述代碼中，我們同樣使用XMLHttpRequest對象創建了一個AJAX請求，但是在調用xhr.open()方法時，我們將第三個參數設置為true，從而將請求設置為異步。這樣，當調用xhr.send()方法發送請求后，頁面不會等待服務器響應，而是立即繼續執行后續操作。當服務器返回響應結果后，xhr.onreadystatechange事件會觸發，我們可以在該事件的回調函數中處理服務器響應。

同步和異步的AJAX請求各有優缺點。同步AJAX請求可以確保響應按順序返回，但會阻塞頁面的加載和渲染，從而導致用戶體驗下降。異步AJAX請求可以提高頁面的響應速度和用戶體驗，同時允許頁面繼續進行其他操作，但無法保證響應的順序。因此，我們在選擇使用同步或異步AJAX請求時，需要根據具體的場景和需求來做出合適的選擇。