easyhttp.js

// ES5 Object Oriented HTTP Library using Ajax, XHR Object, and Callbacks

/**
 * EasyHTTP Library
 * Library for making HTTP Requests
 * 
 * @version 1.0.0
 * @author Joseph Brown
 * @license none
 * 
 **/

function easyHTTP(){
  this.http = new XMLHttpRequest();

}

// Make an HTTP GET Request
easyHTTP.prototype.get = function(url, callback){
  this.http.open('GET', url, true);

  let self = this; // Set another variable for this, that way we can capture it in the scope of the function below
  this.http.onload = function(){
    if(self.http.status === 200){
      callback(null, self.http.responseText);
    } else{
      callback('Error: ' + self.http.status);
    }

  }


  this.http.send();
}

// Make an HTTP POST Request
easyHTTP.prototype.post = function(url, data, callback){
  this.http.open('POST', url, true);
  this.http.setRequestHeader('Content-type', 'application/json');

  let self = this; 
  this.http.onload = function(){
    callback(null, self.http.responseText);
  }



  this.http.send(JSON.stringify(data));
}


// Make an HTTP PUT Request
easyHTTP.prototype.put = function(url, data, callback){
  this.http.open('PUT', url, true);
  this.http.setRequestHeader('Content-type', 'application/json');

  let self = this; 
  this.http.onload = function(){
    callback(null, self.http.responseText);
  }



  this.http.send(JSON.stringify(data));
}


// Make an HTTP DELETE Request
easyHTTP.prototype.delete = function(url, callback){
  this.http.open('DELETE', url, true);

  let self = this;
  this.http.onload = function(){
    if(self.http.status === 200){
      callback(null, 'Post Deleted');
    } else{
      callback('Error: ' + self.http.status);
    }

  }


  this.http.send();
}