AJAX（Asynchronous JavaScript and XML）是一種用于在瀏覽器和服務器之間異步傳輸數據的技術。它可以在不重新加載頁面的情況下，更新頁面的某一部分內容。在網頁開發中，有時候我們只需要獲取單個數據而不需要重新加載整個頁面，這時候就可以利用AJAX通過異步請求獲取數據。本文將介紹如何使用AJAX獲取單個數據，以及如何處理數據以展示在頁面上。

要使用AJAX獲取單個數據，首先需要創建一個AJAX請求對象。可以使用XMLHttpRequest對象來創建AJAX請求。下面是一個使用AJAX獲取服務器上一個文本文件的例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = this.responseText;
// 處理數據
}
};
xhttp.open("GET", "data.txt", true);
xhttp.send();

上面的代碼創建了一個XMLHttpRequest對象，并定義了一個回調函數，該回調函數會在AJAX請求的狀態發生改變時被調用。在回調函數中，我們可以通過this.responseText獲取服務器返回的文本數據，并進行進一步處理。

在實際開發中，我們可能需要以JSON格式獲取數據。下面是一個使用AJAX獲取服務器上一個JSON文件的例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
// 處理數據
}
};
xhttp.open("GET", "data.json", true);
xhttp.send();

上面的代碼與前面的例子類似，只是在處理服務器返回的數據時，我們使用JSON.parse將返回的文本數據轉換為JSON對象，以便進行進一步的操作。

在實際應用中，我們可能需要在頁面上展示獲取到的數據。下面是一個使用AJAX獲取服務器上一個HTML文件中指定元素的內容的例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = document.createElement('div');
data.innerHTML = this.responseText;
var element = data.querySelector('.target-element');
// 處理元素內容
}
};
xhttp.open("GET", "data.html", true);
xhttp.send();

上面的代碼創建了一個新的div元素，并將服務器返回的HTML內容設置為該div的innerHTML屬性。然后，我們可以使用querySelector方法獲取指定class為.target-element的元素，并進行進一步的處理。

總而言之，AJAX提供了一種方便的方式來獲取單個數據，而不需要重新加載整個頁面。我們可以通過創建一個AJAX請求對象，發送異步請求到服務器，并在回調函數中處理返回的數據。通過靈活運用AJAX技術，我們可以在網頁開發中實現更加高效和流暢的用戶體驗。