Homemade http wrapper.

http.js

(function () {
"use strict";
/**
 * Use case example:
 * http.get("/", {foo: "bar", background: "red"})
 *  .then(function (res) {
 *      return console.log(res);
 *  }, function (err) {
 *      return console.error(err);
 *  });
**/
var http = {};
http.util = {};
http.util.encodeParameters = function (parameters) {
    var encodedKeyValues = [];
    for (var key in parameters) {
        encodedKeyValues.push([key, parameters[key]].join("="));
    }
    var encodedParameters = "";
    encodedParameters = encodedKeyValues.join("&");
    return encodedParameters;
};
http.get = function (url, parameters) {
    return new Promise(function (fullfill, reject) {
        var xhr = new XMLHttpRequest();
        xhr.addEventListener("error", function () {
            return reject("Connection error");
        });
        xhr.addEventListener("progress", function () {
            return console.log("Loading ...");
        });
        xhr.addEventListener("load", function () {
           var self = this;
           if (self.status != 200) {
               return reject([self.status, "returned"].join(" "));
           }
           return fullfill(self.responseText);
        });
        url = [url,http.util.encodeParameters(parameters)].join("?");
        xhr.open("GET", url, true);
        xhr.send();
    });
};
http.get("/", {foo: "bar"})
    .then(function (res) {
        return console.log(res);
    }, function (err) {
        return console.error(err);
    });
})();