在現代網頁開發中，我們經常需要向服務器發送請求獲取數據，然后將這些數據動態地展示在自己的頁面上。傳統的網頁開發中，每發送一次請求都需要刷新整個頁面，這樣不僅用戶體驗差，而且會造成服務器資源的浪費。而現在，有了 AJAX（Asynchronous JavaScript and XML）這個技術，我們可以通過在不刷新頁面的情況下，通過 JavaScript 向服務器發送請求，并獲取到服務器返回的數據，然后再動態地將數據展示在自己的頁面上。

舉一個例子來說明。假設我們有一個電商網站，用戶可以在商品詳情頁面上進行評論。每次有用戶發表評論之后，我們希望能夠立即將最新的評論顯示在當前頁面上，而不需要刷新整個頁面。這就可以通過 AJAX 來實現。

在 JavaScript 中，我們可以使用 XMLHttpRequest 對象來發送 AJAX 請求。XMLHttpRequest 可以通過 open() 方法來指定請求的方法和地址，通過 send() 方法來發送請求。在服務器返回響應之后，我們可以通過 readyState 屬性來判斷請求的狀態，并通過 responseText 或者 responseXML 屬性來獲取服務器返回的數據。下面是一個簡單的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/comments', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText);
// 將最新的評論動態顯示在頁面上
}
};

在這個示例中，我們使用了 GET 方法向服務器發送了一個請求，請求的地址是 http://example.com/api/comments。當服務器返回響應之后（readyState 為 4），我們首先判斷響應的狀態碼是否為 200，即表示請求成功。然后，我們通過 responseText 屬性獲取到服務器返回的數據，并將其解析為 JSON 對象。最后，我們將最新的評論動態地顯示在頁面上。

除了 GET 方法外，我們還可以使用 POST 方法向服務器發送請求。比如，在電商網站中，當用戶點擊“加入購物車”按鈕時，我們可以使用 POST 方法將商品信息發送給服務器，然后服務器返回一個成功的響應，提示用戶已經成功加入購物車。下面是一個使用 POST 方法發送請求的示例：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api/cart', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({productId: '12345', quantity: 1}));
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 顯示加入購物車成功的提示
}
};

在這個示例中，我們使用了 POST 方法向 http://example.com/api/cart 發送了一個請求，并且設置了請求頭的 Content-Type 為 application/json，表示請求體是一個 JSON 對象。然后，我們使用 send() 方法將 JSON 對象轉化為字符串，并發送給服務器。當服務器返回響應之后，我們可以根據響應的狀態碼和響應的內容，來決定是否顯示加入購物車成功的提示。

通過上面的示例，可以看出，使用 AJAX 技術可以大大提升網頁的用戶體驗，同時還可以減輕服務器的負擔。不僅如此，AJAX 還可以實現很多其他的功能，比如無刷新文件上傳、實時搜索、自動補全等等。所以，掌握 AJAX 技術對于現代網頁開發來說是非常重要的。