Heim  >  Artikel  >  Web-Frontend  >  Angular httpclient implementiert HTTP-Client-Funktionen

Angular httpclient implementiert HTTP-Client-Funktionen

php中世界最好的语言
php中世界最好的语言Original
2018-05-23 15:06:442050Durchsuche

Dieses Mal werde ich Ihnen den Angular httpclient vorstellen, um die HTTP-Client-Funktion zu implementieren. Was sind die Vorsichtsmaßnahmen für den Angular httpclient, um die HTTP-Client-Funktion zu implementieren?

Moderne Browser unterstützen die Verwendung von zwei verschiedenen APIs zum Senden von HTTP-Anfragen: der XMLHttpRequest-

-Schnittstelle und der fetch()-API.

Die HttpClient-Klasse in @angular/common/http bietet eine vereinfachte API für Angular-Anwendungen zur Implementierung der HTTP-Client-Funktionalität.

1. Vorbereitung

Zuerst HttpClientModule in app.

module.ts importieren. Wie folgt:

import { HttpClientModule } from '@angular/common/http';
@NgModule({
 imports: [
  HttpClientModule,
 ]
})
export class AppModule {}

2. Fügen Sie HttpClient wie folgt in service.ts ein, das auf HttpClient verweisen muss:

import { HttpClient } from '@angular/common/http';
export class ConfigService {
 constructor(private http: HttpClient) { }
}

3. Daten anfordern

return this.http.get/post(url:'请求地址' ,
  options: {
   headers: this.headers
  })
   .toPromise()
   .then((data: any) => {
    return data;
   })
   .catch((err) => {
    console.log(err);
   });
 }

4. Dienst in die entsprechende Komponente.ts-Datei einführen

Datenformat:

{
  "lists":[
    {"title":"","pic":""},
    {"title":"","pic":""}
  ]
}

5. Rufen Sie an

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Bitte beachten Sie die chinesische PHP-Website und andere verwandte Artikel!

Empfohlene Lektüre:

So verwenden Sie Vue zum Registrieren von Komponenten

So verwenden Sie die berechneten Eigenschaften und Listener von Vue.js

Das obige ist der detaillierte Inhalt vonAngular httpclient implementiert HTTP-Client-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn