ajax调取接口数据

使用AJAX调取接口数据的基本步骤如下：

1. 创建一个新的XMLHttpRequest对象（适用于大多数现代浏览器）。
2. 设置请求的参数，包括请求方法（GET或POST）、请求的URL以及是否异步处理请求。
3. 使用open()方法初始化请求。
4. 为onreadystatechange事件设置一个回调函数，以便在请求状态改变时执行代码。
5. 使用send()方法发送请求。

以下是一个使用AJAX调取接口数据的示例代码：

function fetchData(url, callback) {
    var xhr = new XMLHttpRequest(); // 创建新的XMLHttpRequest对象
    xhr.open('GET', url, true); // 设置请求方法、URL 和 是否异步
    xhr.onreadystatechange = function () { // 定义状态变化时的回调函数
        if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功完成
            callback(xhr.responseText); // 调用回调函数并传递响应内容
        }
    };
    xhr.send(); // 发送请求
}
 
// 使用示例
fetchData('https://api.example.com/data', function (data) {
    console.log('接口返回的数据:', data);
    // 这里可以处理返回的数据
});

在这个示例中，fetchData函数接受一个URL和一个回调函数作为参数。它使用GET方法从指定的URL异步获取数据，并在数据成功获取后，通过回调函数处理数据。