从angular 4.3.0 以后的版本开始使用httpclient，替换了之前的http，引用的包路径已经变为了angular/common/http了
一个基础的 httpclient 样例
@Injectable()
export class Service {
原文链接：https://www.f2er.com/js/33242.htmlexport class Service {
private static METHOD_DELTE = 'DELETE';
private static METHOD_POST = 'POST';
private static METHOD_GET = 'GET';
private static METHOD_PUT = 'PUT';
constructor(private httpClient: HttpClient) {
}
/**
- 将数据上传
- @param data
- @param {Function} func
*/
uploadDataPost(data: any,func: Function) {
let url = '/api/test';
this.apiPost(url,data)
.subscribe((response: HttpResponse) => {
func(response);
},error => {
func(undefined);
});
}
/**
- 返回json 格式的obj 对象
- @param url
- @param body
- @param urlSearchParams
- @returns {Observable<{}>}
*/
apiPost(url,body,urlSearchParams?: any): Observable<{}> {
let options = {
body: body ? body : null,params: urlSearchParams,responseType: 'json'
};
return this.httpClient.request(Service.METHOD_POST,url,options);
}
/**
- 返回一个obj 对象
- @param url
- @param urlSearchParams url 的查询参数
- @returns {Observable<{}>}
*/
apiGet(url,urlSearchParams?: any): Observable<{}> {
let options = {
params: urlSearchParams,responseType: 'json'
};
return this.httpClient.request(Service.METHOD_GET,options);
}
}
