ajax取出数据存入数组

AJAX（Asynchronous JavaScript and XML）是一种用于在浏览器和服务器之间进行异步数据交互的技术。通过使用AJAX，我们可以在不刷新整个页面的情况下，动态地获取数据并将其插入到页面中。本文将介绍如何使用AJAX从服务器获取数据，并将数据存入数组中。

假设我们有一个网站，其中包含一个简单的联系人列表。我们希望在页面加载时，通过AJAX从服务器获取联系人数据，并将其存储在一个数组中。这样，我们可以方便地在页面其他部分使用这些数据。

let contacts = []; // 创建一个空数组，用于存储联系人数据
// 使用AJAX从服务器获取联系人数据
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();
}
// 在页面加载完成时调用getContacts函数
window.onload = function() {
getContacts();
// 现在，contacts数组已经包含了从服务器获取的联系人数据
console.log(contacts);
};

在上面的例子中，我们首先创建一个空数组contacts，用于存储联系人数据。然后，我们使用XMLHttpRequest对象创建一个AJAX请求，该请求会发送到服务器的指定地址。当服务器返回响应时，我们将响应数据解析为JSON格式，并将联系人数据存储在contacts数组中。

在页面加载完成后，我们调用getContacts函数获取联系人数据，并在控制台上打印出数组的内容。现在，我们可以在页面的其他部分使用contacts数组中的数据了。

总结起来，通过使用AJAX从服务器获取数据并将其存储在数组中，我们可以在页面加载时动态地获取最新的数据，并在页面其他部分使用这些数据。这为我们提供了更灵活和实时的数据展示方式。