angular二、ng2 http get post 傳參

ng2 http獲取服務器數據的時候傳遞參數詳解

一、 六種方法獲取服務器數據所傳遞的參數

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>;

二、詳解

this.http({
    url: "data/list.json" or "data/list.php" or ......
    method: "get",
    search: "name=zhangxuchao&password=heping" or 使用URLSearchParams() 對象
    headers: 使用Headers()對象設置 可選
    body: ""    可選
})

三、實例

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...