原生js ajax 超时

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.timeout = 5000; // 设置超时时间为5秒

xhr.ontimeout = function () {
    console.log('请求超时');
    // 处理超时逻辑，如重试请求或显示错误信息
};

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            console.log('请求成功:', xhr.responseText);
        } else {
            console.log('请求失败:', xhr.statusText);
        }
    }
};

xhr.send();

function fetchData(url, retries) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.timeout = 5000;

    xhr.ontimeout = function () {
        if (retries > 0) {
            console.log('请求超时，正在重试...');
            fetchData(url, retries - 1);
        } else {
            console.log('请求超时，重试次数已用完');
        }
    };

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log('请求成功:', xhr.responseText);
        }
    };

    xhr.send();
}

fetchData('https://api.example.com/data', 3); // 最多重试3次