Helper Functions for Making XHR Requests in JavaScript

xhr.js

function post(url, data) {
    return new Promise((resolve, reject) => {
        let xhr = new XMLHttpRequest();
        xhr.open('POST', url);
        xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');

        xhr.addEventListener('load', () => {
            let { response, status } = xhr;
            let res = JSON.parse(response);
            if(status >= 200 && status < 400){
                resolve({ response: res, status });
            } else{
                reject({ response: res , status });
            }
        });

        xhr.send(JSON.stringify(data));

    });

}

function xhr(method, url, data) {
    return new Promise((resolve, reject) => {
        let xhr = new XMLHttpRequest();
        xhr.open(method, url);
        xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');

        xhr.addEventListener('load', () => {
            let { response, status } = xhr;
            let res = JSON.parse(response);
            if(status >= 200 && status < 400){
                resolve({ response: res, status });
            } else{
                reject({ response: res , status });
            }
        });

        if(data){
            xhr.send(JSON.stringify(data));

        } else {
            xhr.send();
        }

    });

}

export { post, xhr };

Thanks Man!