angular5 httpclient的示例实战
从angular4.3.0以后的版本开始使用httpclient,替换了之前的http,引用的包路径已经变为了angular/common/http了
一个基础的httpclient样例
import{Injectable}from'@angular/core'; import{HttpClient,HttpResponse}from'@angular/common/http'; import{Observable}from'rxjs/Observable'; import{HttpDefaultOptions}from'./http.default.options'; @Injectable() exportclassService{ privatestaticMETHOD_DELTE='DELETE'; privatestaticMETHOD_POST='POST'; privatestaticMETHOD_GET='GET'; privatestaticMETHOD_PUT='PUT'; constructor(privatehttpClient:HttpClient){ } /** *将数据上传 *@paramdata *@param{Function}func */ uploadDataPost(data:any,func:Function){ leturl='/api/test'; this.apiPost(url,data) .subscribe((response:HttpResponse)=>{ func(response); },error=>{ func(undefined); }); } /** *返回json格式的obj对象 *@paramurl *@parambody *@paramurlSearchParams *@returns{Observable<{}>} */ apiPost(url,body,urlSearchParams?:any):Observable<{}>{ letoptions={ body:body?body:null, params:urlSearchParams, responseType:'json' }; returnthis.httpClient.request(Service.METHOD_POST,url,options); } /** *返回一个obj对象 *@paramurl *@paramurlSearchParamsurl的查询参数 *@returns{Observable<{}>} */ apiGet(url,urlSearchParams?:any):Observable<{}>{ letoptions={ params:urlSearchParams, responseType:'json' }; returnthis.httpClient.request(Service.METHOD_GET,url,options); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。