js如何用ajax请求数据

// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 配置请求
xhr.open('GET', 'https://api.example.com/data', true);

// 设置回调函数
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) { // 请求已完成
        if (xhr.status === 200) { // 请求成功
            var data = JSON.parse(xhr.responseText);
            console.log(data);
        } else {
            console.error('请求失败，状态码：' + xhr.status);
        }
    }
};

// 发送请求
xhr.send();

fetch('https://api.example.com/data')
    .then(response => {
        if (!response.ok) {
            throw new Error('网络响应不是 OK');
        }
        return response.json();
    })
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.error('Fetch 错误:', error);
    });