Ajax是一種用于在不重新加載整個頁面的情況下與服務器進行交互的web技術。在使用Ajax時，我們經常需要從服務器獲取數據，并將其顯示在頁面上。本文將介紹如何使用Ajax傳值來獲取數據，并通過舉例來說明。

在使用Ajax獲取數據之前，我們首先需要初始化一個XMLHttpRequest對象，該對象用于發起與服務器的通信。下面是一個使用原生JavaScript創建XMLHttpRequest對象的例子：

var xhr = new XMLHttpRequest();

初始化好XMLHttpRequest對象之后，我們可以使用open方法指定請求的類型（GET或POST）以及URL。然后，我們需要注冊一個回調函數，該函數在接收到服務器響應后被調用。在回調函數中，我們可以根據服務器返回的數據進行處理。

接下來，我們可以使用send方法發起請求。如果是使用GET方法，我們可以通過在URL中添加查詢參數來傳遞值。例如，我們可以通過以下方式向服務器傳遞一個名為"username"的參數：

xhr.open('GET', 'example.com/getData?username=John', true);
xhr.send();

在服務器端，我們可以使用相應的腳本語言（如PHP、Node.js）來處理這個請求，并返回相應的數據。在JavaScript中，我們可以通過xhr對象的responseText屬性來獲取服務器返回的數據。下面是一個使用Ajax傳值獲取數據的完整示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/getData?username=John', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText); // 假設服務器返回的是JSON格式的數據
// 根據服務器返回的數據進行處理
console.log(responseData);
}
};
xhr.send();

上述示例中，我們首先創建了一個XMLHttpRequest對象，并使用open方法指定了GET請求的URL，然后注冊了一個回調函數。在回調函數中，我們檢查了xhr對象的readyState和status屬性，以確保服務器已經成功響應請求。如果成功響應，我們使用JSON.parse方法將服務器返回的JSON格式數據轉換成JavaScript對象，并進行處理。

除了使用GET方法傳遞值，我們還可以使用POST方法將數據作為請求的一部分發送給服務器。使用POST方法時，我們可以使用setRequestHeader方法來設置請求頭，指定Content-Type為application/x-www-form-urlencoded，以便服務器正確解析接收的數據。

綜上所述，我們可以通過Ajax傳值來獲取數據，并根據服務器返回的響應進行相應的處理。無論是使用GET方法還是POST方法，通過合理的使用XMLHttpRequest對象和相關的方法，我們可以更加靈活地與服務器進行交互，提升用戶體驗。