js 动态获取json数据

// 异步函数来获取 JSON 数据
async function fetchJsonData(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        const data = await response.json();
        console.log(data); // 处理数据
    } catch (error) {
        console.error('Fetching failed:', error);
    }
}

// 使用函数
fetchJsonData('https://api.example.com/data');

function fetchJsonDataWithXHR(url) {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', url, true); // true 表示异步请求
    xhr.onload = function () {
        if (xhr.status >= 200 && xhr.status < 300) {
            const data = JSON.parse(xhr.responseText);
            console.log(data); // 处理数据
        } else {
            console.error('Fetching failed:', xhr.statusText);
        }
    };
    xhr.onerror = function () {
        console.error('Fetching failed:', xhr.statusText);
    };
    xhr.send();
}

// 使用函数
fetchJsonDataWithXHR('https://api.example.com/data');