HttpClient Angular ਦੀ HTTP ਬੇਨਤੀਆਂ ਕਰਨ ਲਈ ਬਿਲਟ-ਇਨ ਸਰਵਿਸ ਹੈ। ਇਹ Observables ਵਾਪਸ ਕਰਦਾ ਹੈ (Promises ਨਹੀਂ), RxJS ਓਪਰੇਟਰਾਂ ਨਾਲ ਏਕੀਕਰਣ ਕਰਦਾ ਹੈ, ਅਤੇ ਟਾਈਪ ਕੀਤੇ ਜਵਾਬ, ਇੰਟਰਸੈਪਟਰ, ਅਤੇ ਗਲਤੀ ਨਿਵਾਹ ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
{ } ;
{ } ;
({ : })
{
() {}
() {
..<[]>();
}
() {
..<>(, user);
}
() {
..();
}
}
ਜੈਨਰਿਕ (<User[]>) ਜਵਾਬ ਨੂੰ ਟਾਈਪ ਕਰਦਾ ਹੈ। ਬੇਨਤੀਆਂ ਸੋਸਤੀ ਹਨ — ਉਹ ਸਿਰਫ ਤਦ ਚਲਦੀਆਂ ਹਨ ਜਦੋਂ ਤੁਸੀਂ ਸਬਸਕ੍ਰਾਈਬ ਕਰਦੇ ਹੋ।
ngOnInit() {
this.userService.getUsers().subscribe(users => this.users = users);
}
// or with the async pipe (no manual subscribe/unsubscribe):
users$ = this.userService.getUsers();
// template: <li *ngFor="let u of users$ | async">
import { HttpParams, HttpHeaders } from "@angular/common/http";
this.http.get("/api/users", {
params: new HttpParams().set("page", "1").set("limit", "10"), // ?page=1&limit=10
headers: new HttpHeaders({ Authorization: `Bearer ${token}` }),
});
import { catchError, retry } from "rxjs/operators";
import { of } from "rxjs";
this.http.get<User[]>("/api/users").pipe(
retry(2), // retry failed requests twice
catchError(err => {
console.error(err);
return of([]); // fallback value, keep the stream alive
})
).subscribe(users => this.users = users);
ਕਿਉਂਕਿ ਇਹ Observable-ਅਧਾਰਿਤ ਹੈ, ਤੁਸੀਂ ਓਪਰੇਟਰਾਂ ਨਾਲ ਰੀਟ੍ਰਾਈਜ, ਫੈਲਬੈਕ, ਟਾਈਮ ਆਉਟ, ਅਤੇ ਰੂਪਾਂਤਰ ਬਣਾ ਸਕਦੇ ਹੋ।
HTTP interceptors automatically attach auth tokens, log requests,
handle errors globally, or show loading spinners — for ALL requests.
HttpClient ਉਹ ਹੈ ਜਿਸ ਨਾਲ Angular ਐਪਸ ਬੈਕਐਂਡਸ ਨਾਲ ਗੱਲ ਕਰਦੇ ਹਨ — ਟਾਈਪ ਕੀਤਾ, Observable-ਅਧਾਰਿਤ, ਅਤੇ RxJS ਨਾਲ ਰੈਟ੍ਰਾਈਜ/ਫੈਲਬੈਕ/ਰੂਪਾਂਤਰ ਲਈ ਮਿੰਗਵੀ।
ਇਸ ਦੀ Observable ਪ੍ਰਕਿਰਤੀ (fetch ਦੇ Promises ਬਨਾਮ) ਇਸ ਨੂੰ Angular ਦੇ ਬਾਕੀ ਹਿੱਸੇ ਨਾਲ ਏਕੀਕਰਣ ਕਰਦੀ ਹੈ (async pipe, ਓਪਰੇਟਰ, ਇੰਟਰਸੈਪਟਰ)।
ਟਾਈਪ ਕੀਤੀਆਂ ਬੇਨਤੀਆਂ, ਵਿਕਲਪ, ਗਲਤੀ ਨਿਵਾਹ, ਅਤੇ async pipe ਨਾਲ ਜੋੜੀ ਜਾਣਕਾਰੀ Angular ਵਿੱਚ ਲਗਭਗ ਸਾਰੀਆਂ ਡੇਟਾ-ਫੈਚਿੰਗ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਕਵਰ ਕਰਦੀ ਹੈ।