AJAX（Asynchronous JavaScript and XML）是一種用于在Web應用程序中創建動態內容的技術。在使用AJAX時，我們經常需要新建一個數組來存儲數據。本文將介紹如何使用AJAX創建一個數組，并通過舉例說明來幫助讀者更好地理解。

1. 使用AJAX新建一個數組

我們可以使用JavaScript中的Array對象來創建一個數組。在AJAX中，通常使用數組來存儲從服務器獲取的數據。以下是一個使用AJAX新建一個數組的示例：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
// 創建一個空數組
let data = [];
// 將服務器返回的數據添加到數組中
for (let i = 0; i< response.length; i++) {
data.push(response[i]);
}
// 打印數組內容
console.log(data);
}
};
xhr.send();

在上述示例中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法設置請求的URL和請求方式。接著，我們使用onload事件處理程序來處理服務器返回的數據。在這個處理程序中，我們首先通過調用JSON.parse方法將服務器響應的文本解析為一個JavaScript對象。然后，我們創建一個空數組data，并使用for循環將服務器返回的數據逐個添加到數組中。最后，我們通過調用console.log方法打印數組內容。

2. 舉例說明

為了更好地理解如何使用AJAX新建一個數組，讓我們看一些實際的示例。

示例1：從服務器獲取用戶列表

假設我們正在開發一個用戶管理系統，需要從服務器獲取用戶列表并將其顯示在網頁上。以下是一個使用AJAX新建一個數組來存儲用戶數據的示例：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/users', true);
xhr.onload = function() {
if (xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
// 創建一個空數組
let users = [];
// 將服務器返回的用戶數據添加到數組中
for (let i = 0; i< response.length; i++) {
users.push(response[i]);
}
// 在網頁上顯示用戶列表
let userList = document.getElementById('user-list');
for (let i = 0; i< users.length; i++) {
let userItem = document.createElement('li');
userItem.textContent = users[i].name;
userList.appendChild(userItem);
}
}
};
xhr.send();

在這個示例中，我們首先通過調用XMLHttpRequest對象的open方法設置請求的URL和請求方式。然后，我們使用onload事件處理程序來處理服務器返回的用戶數據。在這個處理程序中，我們首先將服務器響應的文本解析為一個JavaScript對象。然后，我們創建一個空數組users，并使用for循環將服務器返回的用戶數據逐個添加到數組中。最后，我們通過將用戶列表添加到網頁上的ul元素中來展示用戶數據。

示例2：計算數組元素的總和

我們可以使用AJAX新建一個數組來存儲需要進行計算的數據。以下是一個使用AJAX新建一個數組并計算數組元素總和的示例：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/numbers', true);
xhr.onload = function() {
if (xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
// 創建一個空數組
let numbers = [];
// 將服務器返回的數字數據添加到數組中
for (let i = 0; i< response.length; i++) {
numbers.push(response[i]);
}
// 計算數組元素的總和
let sum = 0;
for (let i = 0; i< numbers.length; i++) {
sum += numbers[i];
}
// 打印數組元素的總和
console.log(sum);
}
};
xhr.send();

在這個示例中，我們通過調用XMLHttpRequest對象的open方法設置請求的URL和請求方式。然后，我們使用onload事件處理程序來處理服務器返回的數字數據。在這個處理程序中，我們首先將服務器響應的文本解析為一個JavaScript對象。然后，我們創建一個空數組numbers，并使用for循環將服務器返回的數字數據逐個添加到數組中。最后，我們使用for循環計算數組元素的總和，并通過調用console.log方法打印總和結果。

結論

通過使用AJAX，我們可以輕松地從服務器獲取數據，并通過新建一個數組來存儲這些數據。本文通過舉例說明了如何使用AJAX新建一個數組，并展示了在實際開發中的應用場景。希望讀者能夠通過本文加深對AJAX新建數組的理解，并從中受益。