js 远程请求超时时间设置

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

xhr.ontimeout = function () {
    console.log('请求超时');
};

xhr.onerror = function () {
    console.log('请求发生错误');
};

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

xhr.send();

const controller = new AbortController();
const signal = controller.signal;

// 设置超时时间为5秒
const timeoutId = setTimeout(() => controller.abort(), 5000);

fetch('https://api.example.com/data', { signal })
    .then(response => {
        clearTimeout(timeoutId); // 清除超时计时器
        if (!response.ok) {
            throw new Error('网络响应不是OK');
        }
        return response.json();
    })
    .then(data => console.log('请求成功：', data))
    .catch(error => {
        if (error.name === 'AbortError') {
            console.log('请求超时');
        } else {
            console.log('请求失败：', error);
        }
    });