js获取url返回json

function fetchJsonWithXHR(url) {
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', url, true);
        xhr.responseType = 'json';
        xhr.onload = () => {
            if (xhr.status >= 200 && xhr.status < 300) {
                resolve(xhr.response);
            } else {
                reject(new Error(`HTTP error! status: ${xhr.status}`));
            }
        };
        xhr.onerror = () => {
            reject(new Error('Network error'));
        };
        xhr.send();
    });
}

// 使用示例
fetchJsonWithXHR('https://api.example.com/data')
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

async function fetchJsonWithFetch(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('Error:', error);
    }
}

// 使用示例
fetchJsonWithFetch('https://api.example.com/data')
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));