AJAX是一種用于網頁開發的技術，它的全稱是Asynchronous JavaScript and XML（異步JavaScript和XML）。通過使用AJAX，我們可以在不刷新整個頁面的情況下與服務器進行數據交互，從而提供更加流暢和用戶友好的網頁體驗。

舉個例子來說明AJAX的作用。假設我們正在編寫一個在線購物網站，用戶瀏覽著各種商品。當用戶點擊“添加到購物車”按鈕時，我們希望能夠將商品添加到購物車中，而無需刷新整個頁面。這時，我們可以使用AJAX來實現。通過發送一個異步請求，將用戶的選擇傳遞給服務器，服務端將商品添加到購物車中，并返回一個成功或失敗的響應。最終，我們可以在不刷新頁面的情況下將購物車的數量顯示給用戶。

為了實現上述功能，我們可以使用以下的AJAX代碼：

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 指定響應成功時的回調函數
xhr.onload = function() {
if (xhr.status === 200) {
// 處理響應結果
var response = xhr.responseText;
// 更新購物車數量的顯示
document.getElementById('cart-count').innerText = response;
}
};
// 發送異步請求
xhr.open('POST', '/add-to-cart');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({ productId: 123 }));

在上述代碼中，我們通過創建一個XMLHttpRequest對象來發送異步請求。我們指定了響應成功時的回調函數，該函數會在服務器響應成功并返回了200狀態碼時執行。在回調函數中，我們可以處理服務器響應的結果，并更新頁面上的購物車數量顯示。通過對服務器發送POST請求，并將商品ID封裝在一個JSON對象中發送，我們實現了將商品添加到購物車的功能，而無需刷新整個頁面。

除了向服務器發送數據，AJAX也可以用于從服務器獲取數據。舉個例子，我們可以通過AJAX從服務器獲取最新的新聞標題，并在網頁上動態地顯示出來。以下是一個實現的示例代碼：

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 指定響應成功時的回調函數
xhr.onload = function() {
if (xhr.status === 200) {
// 處理響應結果
var response = JSON.parse(xhr.responseText);
// 更新網頁內容
var newsList = document.getElementById('news-list');
response.forEach(function(news) {
var listItem = document.createElement('li');
listItem.textContent = news.title;
newsList.appendChild(listItem);
});
}
};
// 發送異步請求
xhr.open('GET', '/latest-news');
xhr.send();

在上述代碼中，我們通過創建一個XMLHttpRequest對象來發送異步請求。當服務器響應成功并返回了200狀態碼時，我們處理響應結果。在此示例中，服務器返回的是一個包含最新新聞的數組，我們將每個新聞標題動態地創建一個li元素，并添加到網頁的一個ul列表中。

總的來說，AJAX是一種強大的技術，可以幫助我們實現更加交互式和高效的網頁。通過異步請求，我們可以實現無需刷新整個頁面而與服務器進行數據交互的功能，從而提供更好的用戶體驗。