angular的請求數據

關於angular的數據請求的方式

get請求：

1.在app.module.js中引入相關的模塊並聲明

import {HttpClientModule} from '@angualr/common/http';　　//引入模塊

imports:[　　//聲明

　　HttpClientModule

]

2.在組件中引入並聲明

import {HttpClient} from '@angular/common/http'　　//引入

constructor(private http: HttpClient){　　}　　//聲明

3.調用函數

ngOnInit(){

　　let url = '請求的路徑'

　　//subsctibe: 利用rxjs封裝的http獲取一部請求的數據，相似於promise

　　this.http.get(url).subscribe((data:any)=>{

　　　　//data:返回的數據

　　})

}

 

post請求：

1.在app.module.js中引入相關的模塊並聲明

import { HttpClientModule } from '@angualr/common/http';　　//引入模塊

imports:[　　//聲明

　　HttpClientModule

]

2.在組件中引入並聲明

import {HttpClient,HttpHeaders,HttpParams} from '@angular/common/http'　　//引入

constructor(private http: HttpClient){　　}　　//聲明

3.調用函數

ngOnInit(){

　　//設置請求頭

　　從上圖httpOptions = {headers:new HttpHeaders({'Content-Type':'application/json'})}

　　let url = '請求的路徑'

　　//subsctibe: 利用rxjs封裝的http獲取一部請求的數據，相似於promise

　　this.http.jsonp(url,'回調函數名稱callback或cb').subscribe((data:any)=>{

　　　　//data:返回的數據

　　})

}

 

jsonp跨越請求

1.在app.module.js中引入相關的模塊並聲明

import {HttpClientModule,HttpClientJsonpModule} from '@angualr/common/http';　　//引入模塊

imports:[　　//聲明

　　HttpClientModule,

　　HttpClientJsonpModule

]

2.在組件中引入並聲明

import {HttpClient} from '@angular/common/http'　　//引入

constructor(private http: HttpClient){　　}　　//聲明

3.調用函數

ngOnInit(){

　　let url = '請求的路徑'

　　//subsctibe: 利用rxjs封裝的http獲取一部請求的數據，相似於promise

　　this.http.get(url).subscribe((data:any)=>{

　　　　//data:返回的數據

　　})

}