Klien HTTP di Angular

Pelajaran ini membahas penggunaan Klien HTTP Angular untuk berkomunikasi dengan API, sehingga Anda dapat mengambil dan mengirim data dengan mudah.

Apa Itu Klien HTTP?

Klien HTTP adalah modul bawaan Angular untuk berkomunikasi dengan layanan backend melalui permintaan HTTP.

Mengimpor HttpClientModule

Impor HttpClientModule ke modul aplikasi Anda untuk mulai menggunakan permintaan HTTP:

import { HttpClientModule } from '@angular/common/http';

Membuat Permintaan GET

Gunakan klien HTTP untuk mengambil data dari titik akhir API:

this.http.get('https://api.example.com/data').subscribe(data => console.log(data));

Menangani Data Respons

Klien HTTP mengembalikan Observable. Berlanggananlah untuk menangani data secara asinkron:

this.http.get('api/data').subscribe(response => this.data = response);

Permintaan POST untuk Mengirim Data

Kirim data ke server menggunakan permintaan POST:

this.http.post('api/items', newItem).subscribe(result => console.log(result));

Penanganan Kesalahan

Tangani kesalahan dari permintaan HTTP menggunakan operator catchError:

this.http.get('api/data').pipe(catchError(error => of('Error occurred'))).subscribe();

Menggunakan Header

Tambahkan header ke permintaan HTTP untuk mengirim informasi tambahan:

const headers = new HttpHeaders().set('Authorization', 'my-auth-token');

Ringkasan

Anda telah mempelajari cara menggunakan klien HTTP Angular untuk mengambil dan mengirim data melalui API secara efektif. Lanjutkan!