AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用的技術。它的特點是可以在不刷新整個頁面的情況下，與服務器進行異步的數據交換。在開發中，我們經常需要獲取和解析 JSON（JavaScript Object Notation）格式的數據。本文將介紹如何使用 AJAX 獲取并解析 JSON 格式的數據。

假設我們有一個簡單的 JSON 數據，如下所示：

{
"name": "張三",
"age": 25,
"address": "上海"
}

我們希望通過 AJAX 請求獲取這個 JSON 數據，并解析出其中的 name、age 和 address 數據。首先，我們需要使用 XMLHttpRequest 對象創建一個 HTTP GET 請求，指定請求的 URL。然后，我們將設置一個回調函數，當請求完成時，該函數將被調用。

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析 JSON 數據
var data = JSON.parse(xhr.responseText);
// 獲取 name、age 和 address 數據
var name = data.name;
var age = data.age;
var address = data.address;
// 打印數據
console.log("姓名：" + name);
console.log("年齡：" + age);
console.log("地址：" + address);
}
};
xhr.send();

在以上代碼中，我們首先創建了一個 XMLHttpRequest 對象，然后調用 open 方法來指定請求的類型、URL 和是否異步。接下來，我們設置了 onreadystatechange 回調函數，在請求狀態變化時執行。在回調函數中，我們首先判斷請求狀態是否為 4（已完成），并且狀態碼是否為 200（成功）。如果滿足條件，我們將使用 JSON.parse 方法解析 返回的 JSON 數據，并將其存儲在 data 變量中。然后，我們可以通過 data 對象的屬性來獲取所需的數據，并進行相應的操作。

假設我們的 JSON 數據是一個數組，如下所示：

[
{
"name": "張三",
"age": 25,
"address": "上海"
},
{
"name": "李四",
"age": 30,
"address": "北京"
}
]

在這種情況下，我們需要對返回的 JSON 數據進行遍歷，并解析每個數組元素的屬性。以下是一個修改后的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析 JSON 數據
var data = JSON.parse(xhr.responseText);
for (var i = 0; i < data.length; i++) {
// 獲取 name、age 和 address 數據
var name = data[i].name;
var age = data[i].age;
var address = data[i].address;
// 打印數據
console.log("姓名：" + name);
console.log("年齡：" + age);
console.log("地址：" + address);
}
}
};
xhr.send();

在以上代碼中，我們將返回的 JSON 數據解析為一個數組，并使用 for 循環對數組進行遍歷。在循環中，我們可以像之前一樣通過屬性來獲取每個數組元素的數據，并對其進行相應的處理。

通過以上示例，我們可以看到使用 AJAX 獲取并解析 JSON 數據是一種非常常見的任務。通過這種方式，我們可以向服務器發送請求，獲取所需的數據，并在客戶端進行處理和展示。