关于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:返回的数据
})
}