原生js ajax 同步

function syncAjaxCall(url) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, false); // 第三个参数设置为false表示同步请求
    xhr.send(null);

    if (xhr.status === 200) {
        console.log('请求成功:', xhr.responseText);
        return xhr.responseText;
    } else {
        console.error('请求失败:', xhr.statusText);
        return null;
    }
}

// 使用示例
var response = syncAjaxCall('https://api.example.com/data');
if (response) {
    // 处理响应数据
}

function asyncAjaxCall(url) {
    return new Promise((resolve, reject) => {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url, true); // 第三个参数设置为true表示异步请求
        xhr.onload = function() {
            if (xhr.status === 200) {
                resolve(xhr.responseText);
            } else {
                reject(new Error(xhr.statusText));
            }
        };
        xhr.onerror = function() {
            reject(new Error('网络错误'));
        };
        xhr.send(null);
    });
}

// 使用示例
asyncAjaxCall('https://api.example.com/data')
    .then(response => {
        // 处理响应数据
    })
    .catch(error => {
        console.error('请求失败:', error);
    });