angular2、ng2 http get post 传参

发布时间:2019-06-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了angular2、ng2 http get post 传参脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

ng2 http获取服务器数据的时候传递参数详解

1、 六种方法获取服务器数据所传递的参数

get(url: string, options?: RequestOptionsArgs): Observable<Response>;
post(url: string, body: string, options?: RequestOptionsArgs): Observable<Response>;
put(url: string, body: string, options?: RequestOptionsArgs): Observable<Response>;
delete(url: string, options?: RequestOptionsArgs): Observable<Response>;
patch(url: string, body: string, options?: RequestOptionsArgs): Observable<Response>;
head(url: string, options?: RequestOptionsArgs): Observable<Response>;

2、详解

this.http({
    url: "data/list.json" or "data/list.php" or ......
    method: "get",
    seArch: "name=zhangxuchao&amp;password=heping" or 使用@H_360_68@URLSearchParams() 对象
    headers: 使用Headers()对象设置 可选
    body: ""    可选
})

3、实例

import { Http, Response, URLSearchParams } From 'Angular2/http';
let params = new URLSearchParams();
params.set('name', 'huge');
console.log(params.toString()) // name=huge
this.http.get(staticSettings.BASE_URL, { search: params}).subscribe(
       
);
this.http.post(url, params).subscribe(res=> {
    console.log(res);
});

URLSearchParams说明地址:https://developer.mozilla.org...

脚本宝典总结

以上是脚本宝典为你收集整理的angular2、ng2 http get post 传参全部内容,希望文章能够帮你解决angular2、ng2 http get post 传参所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。