js ajax封装 调用方法

function ajax(options) {
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        const method = options.method || 'GET';
        const url = options.url;
        const async = options.async !== false; // 默认为true

        xhr.open(method, url, async);

        xhr.onload = function() {
            if (xhr.status >= 200 && xhr.status < 300) {
                resolve(xhr.response);
            } else {
                reject(new Error(xhr.statusText));
            }
        };

        xhr.onerror = function() {
            reject(new Error('Network Error'));
        };

        if (options.headers) {
            Object.keys(options.headers).forEach(key => {
                xhr.setRequestHeader(key, options.headers[key]);
            });
        }

        xhr.send(options.data || null);
    });
}

ajax({
    method: 'GET',
    url: 'https://api.example.com/data',
    headers: {
        'Content-Type': 'application/json'
    }
}).then(response => {
    console.log('Success:', response);
}).catch(error => {
    console.error('Error:', error);
});