AJAX（Asynchronous JavaScript and XML）是一種在網頁上更新數據的技術，它能夠在不重新加載整個頁面的情況下，通過異步請求來獲取服務器上的數據。這種技術的優點是能夠提升用戶的體驗，使頁面更加動態和交互。本文將介紹如何使用AJAX來獲取數據，并通過實例來解釋和說明。

在使用AJAX獲取數據之前，我們需要先創建一個XMLHttpRequest對象，該對象用于發送HTTP請求并接收服務器的響應。以下是一個簡單的例子，展示了如何使用AJAX來獲取數據：

// 創建XMLHttpRequest對象
var xmlhttp = new XMLHttpRequest();
// 設置請求方式和URL
xmlhttp.open("GET", "https://api.example.com/data", true);
// 發送請求
xmlhttp.send();
// 監聽狀態變化
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 成功接收到服務器響應的數據
var response = xmlhttp.responseText;
// 處理數據
// ...
}
};

上述代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法指定了請求的方式（GET）和URL（https://api.example.com/data）。接著，使用send方法發送了請求。在發送請求之后，我們通過onreadystatechange事件來監聽XMLHttpRequest對象的狀態變化。當狀態變化時，我們檢查readyState屬性和status屬性來確保請求已經完成，并且服務器響應的狀態碼是200（表示成功）。如果這些條件都滿足，就可以使用responseText屬性來獲取服務器返回的數據。

舉個例子來說明，假設我們有一個網頁，在該網頁上點擊一個按鈕后，希望通過AJAX獲取一些用戶的信息。以下是該網頁的代碼：

<button onclick="getUserInfo()">獲取用戶信息</button>
<script>
function getUserInfo() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "https://api.example.com/user", true);
xmlhttp.send();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = xmlhttp.responseText;
var userInfo = JSON.parse(response);
document.getElementById("username").innerHTML = userInfo.username;
document.getElementById("email").innerHTML = userInfo.email;
}
};
}
</script>
<p>用戶名：<span id="username"></span></p>
<p>郵箱：<span id="email"><span></p>

在上述代碼中，我們定義了一個名為getUserInfo的JavaScript函數，該函數用于獲取用戶信息。當點擊按鈕時，該函數將被調用。在函數內部，我們使用AJAX發送了一個GET請求到https://api.example.com/user。在成功接收到服務器響應后，我們將響應數據解析為一個JavaScript對象（假設響應數據是一個JSON字符串），然后使用getElementById方法找到頁面上的username和email元素，最后將數據顯示在對應的元素中。

這只是一個簡單的示例，AJAX的用途遠不止于此。通過AJAX，我們可以實現無刷新地更新頁面，實時獲取數據，以及與服務器進行交互等等。總之，AJAX是一個強大且常用的技術，為我們提供了豐富的網頁開發選項。