A tiny promise-based XHR function. Useful for debugging in the console.

json.js

function json(u, t) {
    return xhr(u, t || 'GET', {
        Accept: 'application/json',
        Authorization: 'Bearer ' + localStorage.token
    }).then(function(v) {
        return JSON.parse(v.responseText);
    }, function(e) {
        console.error(e);
        return {};
    })
}

xhr.js

function xhr(u, t, headers) {
    return new Promise(function(r) {
        var x = new XMLHttpRequest();
        x.onload = function() { r(x); };
        x.open(t || 'GET', u, true);

        if(headers) {
            Object.keys(headers).forEach(function(k) {
                x.setRequestHeader(k, headers[k]);
            });
        }

        x.send();
    });
}