本文將介紹什么是AJAX（Asynchronous JavaScript and XML）以及如何利用AJAX進行數據的接收和發送。AJAX是一種利用JavaScript和XML實現的在后臺與服務器進行數據交換的技術。它可以實現網頁局部刷新，從而提高用戶體驗，減輕服務器負擔。接下來我們將通過具體的示例來說明AJAX的使用。

一、接收數據

<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 對返回的數據進行處理
console.log(response);
}
}
xhr.open('GET', 'data.php', true);
xhr.send();
</script>

以上代碼展示了如何使用AJAX接收數據。首先，創建一個XMLHttpRequest對象，然后使用onreadystatechange事件監聽實時狀態變化。當readyState為4且status為200時，表示請求成功，可以處理返回的數據。在此之前，我們使用open方法指定請求的方式（GET或POST）以及請求的URL，并使用send方法發送請求。

二、發送數據

<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 對返回的數據進行處理
console.log(response);
}
}
xhr.open('POST', 'data.php', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
var data = 'name=John&age=25';
xhr.send(data);
</script>

以上代碼展示了如何使用AJAX發送數據。與接收數據的代碼類似，我們同樣需要創建一個XMLHttpRequest對象，并監聽其狀態變化。在此之前，我們使用open方法指定請求的方式（GET或POST）以及請求的URL，并使用setRequestHeader方法設置請求頭的內容類型（Content-type）。接著，我們將需要發送的數據以字符串形式賦值給變量data，并使用send方法發送數據。

三、異步與同步

AJAX支持同步（Synchronous）和異步（Asynchronous）兩種請求方式，我們在以上示例中使用的是異步請求（通過第三個參數為true來指定）。異步請求可以避免阻塞頁面加載，提高用戶體驗。但如果某些情況下需要確保數據的完整性及正確性，我們可以使用同步請求。

綜上所述，AJAX是一種非常強大的技術，可以實現數據的接收和發送，從而實現網頁的局部刷新，提高用戶體驗。通過以上示例，我們可以清晰地了解到AJAX的使用方法。不僅可以接收后臺數據，還可以向后臺發送數據，從而實現與服務器的交互。無論是異步請求還是同步請求，AJAX都能滿足我們的需求。