Making Requests

Search…
Making Requests
To make HTTP requests we will use the Http service. In this example we are creating a SearchService to interact with the Spotify API.
1
import { HttpClient } from '@angular/http/common';
2
import { Injectable } from '@angular/core';
3
import { Observable } from 'rxjs';
4
import { map } from 'rxjs/operators';
5
​
6
@Injectable()
7
export class SearchService {
8
​
9
  constructor(private http: HttpClient) {}
10
​
11
  search(term: string) {
12
    return this.http
13
      .get('https://api.spotify.com/v1/search?q=' + term + '&type=artist')
14
      .pipe(map(response => response.json()))
15
  }
16
}
Copied!
​View Example​
Here we are making an HTTP GET request which is exposed to us as an observable. You will notice the map operator utilized in the pipe, after the .get. The HttpClient service provides us with the raw response as a string. In order to consume the fetched data we have to convert it to JSON.
In addition to HttpClient.get(), there are also HttpClient.post(), HttpClient.put(), HttpClient.delete(), etc. They all return observables.
Http
Catching Rejections
Last modified 3mo ago
Copy link