SIMPLE AND EASY HTTP REQUESTS IN ANGULAR2! GET A PROMISE AND USE IT EASILY!

Request.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import { Config } from '../Config';
import { Observable } from 'rxjs/Observable';
import 'rxjs/Rx';

@Injectable()
export class Request {
	
	constructor(public http: Http)
	{
	
	}

	get(url): Promise<any>
	{
		return this.http.get(Config.baseUrl + url).map(response => {
			return response.json() || {success: false, message: "No response from server"};
		}).catch((error: Response | any) => {
			return Observable.throw(error.json());
		}).toPromise();
	}

	post(url, data): Promise<any>
	{
		return this.http.post(Config.baseUrl + url, data).map(response => {
			return response.json() || {success: false, message: "No response from server"};
		}).catch((error: Response | any) => {
			return Observable.throw(error.json());
		}).toPromise();
	}
}

Usage

import { Request } from "./Request";
authenticate()
{
	this.request.get("/user").then(response => {
		console.log("Got response:", response);
	}).catch(error => {
		console.log("Got error:", error);
	}).then(response => {
		console.log("Another response:", response);
	}).catch(error => {
		console.log("Got another error:", error);
	});
}