Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，这意味着可以在不影响网页的情况下，与服务器交换数据并更新部分网页内容。
Ajax采集，即使用Ajax技术从网络上获取数据的过程，在Web开发中，Ajax采集被广泛应用于动态加载数据、实时更新信息等功能，与传统的同步请求相比，Ajax采集具有更高的效率和更好的用户体验。
以下是一个简单的Ajax采集示例：
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置请求
xhr.open('GET', 'https://api.example.com/data', true); // 第三个参数为true表示异步请求
// 设置请求完成时的回调函数
xhr.onload = function() {
if (xhr.status === 200) {
// 请求成功，解析返回的JSON数据
var data = JSON.parse(xhr.responseText);
console.log(data);
} else {
// 请求失败，输出错误信息
console.error('请求失败，状态码：' + xhr.status);
}
};
// 发送请求
xhr.send();
在这个示例中，我们首先创建了一个新的XMLHttpRequest对象，然后使用open方法配置了一个GET请求，我们将请求的目标URL设置为https://api.example.com/data，并将第三个参数设置为true表示这是一个异步请求。
接下来，我们设置了onload回调函数，当请求完成时会触发这个函数，在这个回调函数中，我们首先检查请求的状态码是否为200，表示请求成功，如果请求成功，我们使用JSON.parse方法解析返回的JSON数据，并在控制台输出，如果请求失败，我们在控制台输出错误信息。
我们使用send方法发送请求，由于我们之前将第三个参数设置为true，所以这个请求是异步的，不会阻塞其他代码的执行。
需要注意的是，由于浏览器的同源策略限制，Ajax采集只能访问与当前网页同源的资源，如果需要跨域采集数据，需要服务器支持CORS（跨域资源共享）。
除了基本的GET请求外，Ajax还支持其他类型的HTTP请求，如POST、PUT、DELETE等，还可以通过设置请求头、设置超时时间等方式对Ajax请求进行更多的配置。
在实际项目中，为了提高代码的可维护性和可读性，通常会将Ajax采集封装成一个函数或类。
function fetchData(url, method, data, callback) {
var xhr = new XMLHttpRequest();
xhr.open(method, url, true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
callback(JSON.parse(xhr.responseText));
} else {
callback(null, xhr.status);
}
}
};
xhr.send(JSON.stringify(data));
}
在这个示例中，我们定义了一个名为fetchData的函数，用于发起Ajax请求，这个函数接收四个参数：目标URL、请求类型、请求数据和回调函数，在函数内部，我们创建了一个新的XMLHttpRequest对象，并使用open方法配置了请求类型和URL，我们还设置了请求头的Content-Type为application/json;charset=UTF-8，表示我们将发送JSON格式的数据，接着，我们设置了onreadystatechange回调函数，当请求状态发生变化时会触发这个函数，在这个回调函数中，我们检查请求的状态码是否为200，表示请求成功，如果请求成功，我们调用回调函数并传入解析后的JSON数据；如果请求失败，我们调用回调函数并传入null和错误状态码，我们使用send方法发送请求，并将数据转换为JSON字符串。