ajax是一種在網頁上異步獲取數據的技術，可以使網頁無需刷新就能夠更新內容。在現代web應用程序中，ajax已經成為了不可或缺的一部分。通過ajax，我們可以向服務器發送請求，并在獲得響應后動態更新網頁內容。

使用ajax獲取response數據是相當簡單的，只需要通過XMLHttpRequest對象發送請求，并在獲得響應后處理返回的數據即可。下面是一個例子，說明了如何使用ajax獲取服務器返回的數據并更新網頁上的內容。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送GET請求
xhr.open('GET', '/api/data', true);
xhr.send();
// 處理響應數據
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 請求成功
var response = xhr.responseText;
// 在網頁上更新內容
document.getElementById('data').innerHTML = response;
}
};

在這個例子中，我們首先創建了一個XMLHttpRequest對象，用于向服務器發送請求。然后，通過open()方法設置請求的方法（GET）、URL（/api/data）和是否異步發送請求（true）。接下來，我們使用send()方法發送請求。

在send()方法調用后，我們可以通過監聽XMLHttpRequest對象的onreadystatechange事件來處理服務器的響應。當readyState屬性的值為4且status屬性的值為200時，表示服務器返回了響應，并且響應的狀態碼為200（表示請求成功）。此時，我們可以通過responseText屬性獲取服務器返回的數據，并將其更新到網頁上指定的元素中。

例如，假設服務器返回了一個包含用戶的相關信息的JSON字符串，我們可以將該數據更新到一個id為"data"的元素中。通過設置innerHTML屬性，我們可以直接將服務器返回的數據展示在網頁上。

除了使用GET請求外，我們還可以使用POST請求來傳遞數據給服務器。通過調用XMLHttpRequest對象的open()方法時，將請求方法設置為POST，并通過send()方法發送請求之前，我們需要將要發送的數據作為參數傳遞給send()方法。服務器在接收到POST請求后，可以通過讀取請求體中的數據來獲取傳遞給它的數據。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送POST請求
xhr.open('POST', '/api/data', true);
// 設置請求頭
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 將數據作為參數傳遞給send()方法
xhr.send('name=John&age=25');
// 處理響應數據
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 請求成功
var response = xhr.responseText;
// 在網頁上更新內容
document.getElementById('data').innerHTML = response;
}
};

在這個例子中，我們通過設置setRequestHeader()方法設置了請求頭，告訴服務器我們發送的數據的格式。在send()方法中，我們將要發送的數據作為參數傳遞給它。服務器可以通過解析請求體來獲取數據。

總結來說，ajax使得網頁能夠通過異步獲取服務器返回的數據，并能夠在不刷新整個網頁的情況下更新局部內容。無論是使用GET還是POST請求，通過XMLHttpRequest對象發送請求并處理響應數據都是比較簡單的。通過上述的例子，我們可以清楚地了解使用ajax獲取response數據的基本步驟。