js 异步请求

// 使用 XMLHttpRequest 进行异步请求
function makeAsyncRequest(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 请求成功，调用回调函数处理响应数据
            callback(xhr.responseText);
        }
    };
    xhr.open("GET", url, true);
    xhr.send();
}

// 示例：发起一个异步请求并处理响应
makeAsyncRequest('https://api.example.com/data', function(response) {
    console.log('服务器返回的数据:', response);
});

// 使用 Fetch API 进行异步请求（现代浏览器推荐使用）
async function fetchAsync(url) {
    try {
        let response = await fetch(url);
        let data = await response.json(); // 假设服务器返回 JSON 格式的数据
        console.log('Fetch API 获取到的数据:', data);
    } catch (error) {
        console.error('请求出错:', error);
    }
}

// 示例：使用 Fetch API 发起异步请求
fetchAsync('https://api.example.com/data');

解释说明：

1. XMLHttpRequest 是一种传统的异步请求方式，适用于所有浏览器。它通过 onreadystatechange 事件监听请求状态的变化，并在请求完成且状态码为 200 时执行回调函数。
2. Fetch API 是一种更现代化的异步请求方式，支持 Promise 和 async/await 语法，代码更加简洁易读。它默认返回的是 Response 对象，需要进一步解析为 JSON 或文本格式。