Ajax (Asynchronous JavaScript and XML) 是一種用于在網頁上實現異步數據交互的技術。通過Ajax，我們可以通過 JavaScript 向服務器發送請求，并從服務器獲取數據，然后在不刷新整個頁面的情況下更新頁面上的某些部分。在使用Ajax時，我們經常需要從返回的數據中提取特定的值來完成一些操作。本文將介紹如何使用Ajax從返回的數據中提取值，并通過多個示例來說明。

假設我們發送Ajax請求并從服務器獲取以下數據：

{
"name": "John",
"age": 25,
"city": "New York"
}

我們想要獲取返回數據中的 name 值，可以使用 JavaScript 對象的屬性訪問方式：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.com/api/data", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
var name = data.name;
console.log(name); // 輸出 "John"
}
};
xhr.send();

以上代碼中，我們先通過XMLHttpRequest對象創建了一個GET類型的Ajax請求，并指定了請求的URL。當響應的狀態碼為4且狀態為200時，說明請求成功返回了數據。我們通過JSON.parse方法解析返回的數據，并從解析后的數據中獲取了name值，然后將其打印到控制臺。

除了使用屬性訪問方式，我們還可以使用下標訪問方式來獲取返回數據中的值。假設我們希望獲取返回數據中的 age 值：

var age = data["age"];
console.log(age); // 輸出 25

當我們不確定返回數據中是否存在屬性名為 age 的值時，使用下標訪問方式更加靈活。如果返回數據中沒有 age 屬性，則獲取到的 age 值將是 undefined。

當返回數據是數組時，我們可以通過下標來獲取數組中的值。假設我們發送Ajax請求并從服務器獲取以下數據：

[1, 2, 3, 4, 5]

我們可以使用下標訪問方式來獲取數組中的值：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.com/api/data", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
var value = data[2];
console.log(value); // 輸出 3
}
};
xhr.send();

在以上代碼中，我們使用data[2]來獲取數組中索引為2的值，即返回數據中的第三個值。注意，數組的索引是從0開始的。

利用Ajax從返回的數據中提取值是實現動態更新頁面內容的關鍵。通過靈活運用屬性訪問方式和下標訪問方式，我們可以方便地從返回的數據中獲取特定的值，然后將其用于頁面的其他操作。