angular httpclient は HTTP クライアント機能を実装します

今回は、HTTP クライアント機能を実装するための angular httpclient について説明します。 Angular httpclient が HTTP クライアント機能を実装するための 注意事項 は次のとおりです。

最新のブラウザは、XMLHttpRequest

インターフェースと fetch() API という 2 つの異なる API を使用した HTTP リクエストの作成をサポートしています。

@angular/common/http の HttpClient クラスは、Angular アプリケーションが HTTP クライアント機能を実装するための簡素化された API を提供します。

1. 準備

まずapp.

module.tsにHttpClientModuleをインポートします。次のように:

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

2. 次のように、 を参照するために を必要とする HttpClient を service.ts に導入します。

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

3. データをリクエストします。 りー

4. 対応するcomponent.tsファイルにサービスを導入します

データ形式:

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

5. ページ上で呼び出します

それ以降この記事の事例を読んでください。方法については、さらに興味深い情報については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

vue を使用してコンポーネントを登録する方法

Vue.js の計算プロパティとリスナーの使用方法

以上がangular httpclient は HTTP クライアント機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。