AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，与AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，与服务器交换数据并更新部分网页内容的技术，通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新，这意味着可以在不影响网页的情况下，与服务器交换数据并更新部分网页内容。
使用AJAX获取数据的基本步骤如下：
1、创建XMLHttpRequest对象：首先需要创建一个XMLHttpRequest对象，用于与服务器建立连接和发送请求。
var xhr = new XMLHttpRequest();
2、初始化请求：设置请求的类型、URL和是否异步。
xhr.open('GET', 'https://api.example.com/data', true);
3、发送请求：调用send方法发送请求。
xhr.send();
4、处理响应：当请求完成时，会触发readystatechange事件，可以通过监听此事件来处理服务器返回的数据。
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功，处理数据
console.log(xhr.responseText);
}
};
5、错误处理：如果请求过程中发生错误，会触发error事件，可以通过监听此事件来处理错误。
xhr.onerror = function() {
console.log('请求失败');
};
下面是一个完整的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX获取数据示例</title>
</head>
<body>
<h1>AJAX获取数据示例</h1>
<button id="getDataBtn">获取数据</button>
<div id="result"></div>
<script>
var getDataBtn = document.getElementById('getDataBtn');
var resultDiv = document.getElementById('result');
var xhr = new XMLHttpRequest();
getDataBtn.addEventListener('click', function() {
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功，处理数据
resultDiv.innerHTML = xhr.responseText;
} else if (xhr.readyState === 4) {
// 请求失败，显示错误信息
resultDiv.innerHTML = '请求失败';
}
};
xhr.onerror = function() {
console.log('请求失败');
};
xhr.send();
});
</script>
</body>
</html>
在这个示例中，当用户点击“获取数据”按钮时，会触发一个AJAX请求，从服务器获取数据并将其显示在页面上，如果请求成功，将显示服务器返回的数据；如果请求失败，将显示“请求失败”的提示信息。