TypeScript angular2/http Http Examples

Programming Language: TypeScript

Namespace/Package Name: angular2/http

Class/Type: Http

Examples at hotexamples.com: 30

The typescript angular2.http Http module is a package library that provides functionality for making HTTP requests and handling responses. It allows communication between applications and servers using RESTful API's.

Example 1: Making a GET request

import { Http } from '@angular/http';

constructor(private http: Http) {}

this.http.get('https://jsonplaceholder.typicode.com/users')
    .subscribe(data => {
        console.log(data.json());
    });

This code makes a GET request to a JSON placeholder API and logs the response data to the console.

Example 2: Making a POST request

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

constructor(private http: Http) {}

const headers = new Headers({ 'Content-Type': 'application/json' });
const options = new RequestOptions({ headers: headers });

const body = { name: 'John', age: 35 };

this.http.post('https://jsonplaceholder.typicode.com/users', body, options)
    .subscribe(data => {
        console.log(data.json());
    });

This code makes a POST request to a JSON placeholder API with a JSON payload containing a name and age. It logs the response data to the console. It also sets the headers for the request using the HttpHeaders package library. Overall, the typescript angular2.http Http module is a powerful tool for making HTTP requests and handling responses. It's a great package library to help with modern day web development.

TypeScript Http - 30 examples found. These are the top rated real world TypeScript examples of angular2/http.Http extracted from open source projects. You can rate examples to help us improve the quality of examples.

Frequently Used Methods

Show Hide

delete(30)

get(30)

post(30)

put(30)

request(30)

patch(11)

head(5)

method(3)

Example #1

Show file

File: planet.service.ts Project: mell0kat/YBApp

	getPlanets(): Observable<Planet[]> {
		return this.http.get('http://swapi.co/api/planets/')
			.map(this.extractData)
			.catch(this.handleError)
	}

Example #2

Show file

File: comentario.service.ts Project: a-mancera/practicaDAW

	getComentariosEvento(id:number){
		return this.http.get(URL+id)
	      .map(response => response.json())
	      .catch(error => this.handleError(error));
	}

Example #3

Show file

File: book-data.ts Project: ckatzorke/ng2-workshop

 getBooks(): Observable<any> {
     return this.http.get(this.baseUrl).map(response => response.json());
 }

Example #4

Show file

File: contact.service.ts Project: xenoxaos/CloudShack

 get_req(url: string, options?: Object) : any {
     var url = this.query(url, options);
     return this.http.get(url)
       .map((res: Response) => res.json());
 }

Example #5

Show file

File: contact.service.ts Project: xenoxaos/CloudShack

 insert(doc) : any {
     return this.http.post("/contacts", JSON.stringify(doc))
         .map((res: Response) => res.json());
 }

Example #6

Show file

File: service.ts Project: nhurman/Lorre

	GetMatches()
	{
		return this.http.get('/rest/match');
	}

Example #7

Show file

File: resume.service.ts Project: xsteviex/Profile-FrontEnd

 getResume(){
     return this._http.get("http://api.steve-botello.com/resume").map(r => r.json())
 }

Example #8

Show file

File: items.ts Project: szerhusenBC/ng2-ngrx-inventorydemo

 updateItem(item:Item) {
     this.http.put(`${BASE_URL}${item.id}`, JSON.stringify(item), HEADER)
         .subscribe(action => this.store.dispatch({type: 'UPDATE_ITEM', payload: item}));
 }

Example #9

Show file

File: items.ts Project: szerhusenBC/ng2-ngrx-inventorydemo

 deleteItem(item:Item) {
     this.http.delete(`${BASE_URL}${item.id}`)
         .subscribe(action => this.store.dispatch({type: 'DELETE_ITEM', payload: item}));
 }

Example #10

Show file

File: items.ts Project: szerhusenBC/ng2-ngrx-inventorydemo

 loadAllItems() {
     this.http.get(BASE_URL)
         .map(res => res.json())
         .map(payload => ({type: 'ADD_ITEMS', payload}))
         .subscribe(action => this.store.dispatch(action));
 }

Show more examples