Angular 2 http service 04.12.2017

Merhaba arkadaşlar, Angular 2 ile rest api'lere get ve post request nasıl atıyoruz bunu anlatacağım,

 

Öncelikle bir servis oluşturup bunu app module kaydediyoruz , bu kısmı bildiğinizi varsayarak hemen servis kısmına geçiyorum, kodlar;

 

import { Injectable } from '@angular/core';

import { Http, Response , Headers, Request, RequestOptions} from '@angular/http';

import 'rxjs/add/operator/map';

 

@Injectable()

export class HttpService {

 

constructor(private http: Http) { }

 

get(url) {

return this.http.get(url)

.map((res:Response) => res.json());

}

 

post(url,data) {

var headers = new Headers();

headers.append('Content-Type', 'application/json');

 

var requestoptions = new RequestOptions({

url: url,

method: "POST",

headers: headers,

body: JSON.stringify(data)

})

 

return this.http.request(new Request(requestoptions))

.map((res: Response) => {

if (res) {

return { status: res.status, json: res.json() }

}

});

 

}

}

 

Component içerisinde kullanımı;

 

this.httpService.get("https://conduit.productionready.io/api/profiles/eric").subscribe(data => console.log(data));

 

this.httpService.post("https://jsonplaceholder.typicode.com/posts",{title: "tmrdurgun"}).subscribe(data => {

 

  console.log(data)

});