#simple-http

simple-http is a lightweight library that emulates the way how the famous angular $http object works.

The library was written in TypeScript, because this language allows the use of some JS tricks and the incorporation of types and Lamda syntax for its function declarations.

##Setup & install simple-http

This library is really easy to install just execute the next command:

bower install simple-http

After this you will be able to include the http.js in yout client project.

<script src="bower_components/simple-http/dist/http.js"></script>"

##How it works?

This library declares a global variable named $http only if it was not declared before, so it will be accessible from any part of your code.

if(!$http)
	var $http = new XHR();

It allows you to create your own XHR object, which has all the functionalities of $http.

var http = new XHR();

After that you can make the requests (GET, POST, DELETE or UPDATE) to the server in three ways.

• Using $http as a function.

$http({
	method: "POST",
	url: "./Bonsanto",
	headers: {
		"Content-Type": "application/x-www-form-urlencoded",
	},
	data: "name=Dakota&lastname=Bonsanto"
}).success(function (data) {
	console.log(data);
}).error(function (data) {
	console.log(data);
});

• Using the embedded $http methods. If the header is not passed as argument, then the library supposes that a JSON will be sent. Note: The error method is not necessary.

$http.get("./Bonsanto", {
	"name": "Dakota",
	"lastName": "Bonsanto",
	"age": 3
}).success(function (e) {
	document.body.innerHTML += e;
}).error(function (e) {
	console.log(e);
});

• Using the embedded $http, you save a lot of time, because if you need to send an application/x-www-form-urlencoded, if you define it the lib will parse the JSON and convert it to a string.

$http.post("./Endpoint", {
	"Content-Type": "application/x-www-form-urlencoded"
},{
	"name": "Alberto", 
	"lastName": "Dakota", //Interenally converted to => name=Alberto&lastName=Dakota&scores=10,9,10,10
	"scores": [10, 9, 10, 10]
}).success(function (e) {
	document.body.innerHTML += e;
});