AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上異步加載數據的技術。當我們成功從服務器獲取到數據后，需要將這些數據顯示在網頁上，以供用戶查看和操作。本文將詳細介紹如何使用AJAX成功獲取數據并進行顯示。

在使用AJAX獲取數據后，我們首先需要解析這些數據并提取出需要顯示的內容。比如，假設我們的網頁是一個天氣預報的應用，當用戶輸入城市名稱后，通過AJAX請求服務器獲取該城市的天氣數據。服務器返回的數據可能是以下格式：

{
"city": "北京",
"temperature": "28℃",
"weather": "晴"
}

我們可以使用JavaScript的JSON.parse()方法將這段數據解析為一個JavaScript對象：

var data = JSON.parse(xhr.responseText);

然后，我們可以通過訪問對象的屬性，提取出需要顯示的內容。比如，我們可以獲取城市名稱、溫度和天氣：

var city = data.city;
var temperature = data.temperature;
var weather = data.weather;

接著，我們可以使用DOM操作將數據顯示在網頁上。比如，我們可以使用document.getElementById()方法選擇要顯示數據的元素，然后修改其文本內容：

var cityElement = document.getElementById("city");
cityElement.innerText = city;
var temperatureElement = document.getElementById("temperature");
temperatureElement.innerText = temperature;
var weatherElement = document.getElementById("weather");
weatherElement.innerText = weather;

這樣，用戶就可以在網頁上看到實時的天氣信息了。

除了直接修改文本內容，我們還可以使用其他方式來顯示數據。比如，我們可以創建新的HTML元素，并將數據插入到這些元素中。假設我們要顯示一個包含天氣信息的卡片，我們可以使用以下代碼動態創建卡片元素，并將數據插入到卡片中：

var cardElement = document.createElement("div");
cardElement.className = "card";
var cityElement = document.createElement("h2");
cityElement.innerText = city;
cardElement.appendChild(cityElement);
var temperatureElement = document.createElement("p");
temperatureElement.innerText = temperature;
cardElement.appendChild(temperatureElement);
var weatherElement = document.createElement("p");
weatherElement.innerText = weather;
cardElement.appendChild(weatherElement);
document.body.appendChild(cardElement);

通過動態創建元素，我們可以實現更高度自定義的顯示效果。

在使用AJAX顯示數據時，我們還需要處理錯誤情況。比如，如果服務器返回的數據格式不正確或者請求超時，我們需要給用戶一個提示。可以在AJAX請求的回調函數中添加錯誤處理的邏輯，比如彈出一個錯誤提示框或者顯示一個錯誤信息：

function handleSuccess(xhr) {
var data = JSON.parse(xhr.responseText);
// ... 解析數據并顯示 ...
}
function handleError(xhr) {
alert("請求失敗，請稍后重試。");
}
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://api.example.com/weather?city=北京");
xhr.onload = function() {
if (xhr.status === 200) {
handleSuccess(xhr);
} else {
handleError(xhr);
}
};
xhr.send();

通過合理處理錯誤情況，我們可以提高用戶體驗，并增強應用的穩定性。

綜上所述，使用AJAX成功獲取數據后，我們可以通過解析數據、使用DOM操作和處理錯誤情況等方式，將數據顯示在網頁上。這樣用戶就可以方便地查看和操作這些數據，提供更好的用戶體驗。