AJAX（Asynchronous JavaScript and XML）是一種用于在瀏覽器和服務(wù)器之間進(jìn)行異步數(shù)據(jù)交互的技術(shù)。通過使用AJAX，我們可以在不刷新整個(gè)頁面的情況下，動(dòng)態(tài)地獲取數(shù)據(jù)并將其插入到頁面中。本文將介紹如何使用AJAX從服務(wù)器獲取數(shù)據(jù)，并將數(shù)據(jù)存入數(shù)組中。

假設(shè)我們有一個(gè)網(wǎng)站，其中包含一個(gè)簡單的聯(lián)系人列表。我們希望在頁面加載時(shí)，通過AJAX從服務(wù)器獲取聯(lián)系人數(shù)據(jù)，并將其存儲(chǔ)在一個(gè)數(shù)組中。這樣，我們可以方便地在頁面其他部分使用這些數(shù)據(jù)。

let contacts = []; // 創(chuàng)建一個(gè)空數(shù)組，用于存儲(chǔ)聯(lián)系人數(shù)據(jù)
// 使用AJAX從服務(wù)器獲取聯(lián)系人數(shù)據(jù)
function getContacts() {
let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/contacts', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
contacts = response.contacts;
}
};
xhr.send();
}
// 在頁面加載完成時(shí)調(diào)用getContacts函數(shù)
window.onload = function() {
getContacts();
// 現(xiàn)在，contacts數(shù)組已經(jīng)包含了從服務(wù)器獲取的聯(lián)系人數(shù)據(jù)
console.log(contacts);
};

在上面的例子中，我們首先創(chuàng)建一個(gè)空數(shù)組contacts，用于存儲(chǔ)聯(lián)系人數(shù)據(jù)。然后，我們使用XMLHttpRequest對(duì)象創(chuàng)建一個(gè)AJAX請(qǐng)求，該請(qǐng)求會(huì)發(fā)送到服務(wù)器的指定地址。當(dāng)服務(wù)器返回響應(yīng)時(shí)，我們將響應(yīng)數(shù)據(jù)解析為JSON格式，并將聯(lián)系人數(shù)據(jù)存儲(chǔ)在contacts數(shù)組中。

在頁面加載完成后，我們調(diào)用getContacts函數(shù)獲取聯(lián)系人數(shù)據(jù)，并在控制臺(tái)上打印出數(shù)組的內(nèi)容。現(xiàn)在，我們可以在頁面的其他部分使用contacts數(shù)組中的數(shù)據(jù)了。

總結(jié)起來，通過使用AJAX從服務(wù)器獲取數(shù)據(jù)并將其存儲(chǔ)在數(shù)組中，我們可以在頁面加載時(shí)動(dòng)態(tài)地獲取最新的數(shù)據(jù)，并在頁面其他部分使用這些數(shù)據(jù)。這為我們提供了更靈活和實(shí)時(shí)的數(shù)據(jù)展示方式。