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,options?: RequestOptionsArgs): Observable<Response>;
delete(url: string,options?: RequestOptionsArgs): Observable<Response>;
patch(url: 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&password=heping" or 使用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...

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...