首頁猿問如何將URL參數(shù)（查詢字符串）傳遞...

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？

AngularJS Html/CSS

慕尼黑8549860 2019-08-30 17:19:26

大家好我在Angular上創(chuàng)建HTTP請求，但我不知道如何添加url參數(shù)（查詢字符串）。this.http.get(StaticSettings.BASE_URL).subscribe( (response) => this.onGetForecastResult(response.json()), (error) => this.onGetForecastError(error.json()), () => this.onGetForecastComplete());現(xiàn)在我的StaticSettings.BASE_URL就像一個沒有查詢字符串的網(wǎng)址，如：http：//atsomeplace.com/ 但我希望它是http://atsomeplace.com/?var1=val1&var2=val2哪個var1和var2適合我的Http請求對象？我想像對象一樣添加它們。{ query: { var1: val1, var2: val2 }}然后只是Http模塊完成工作將其解析為URL查詢字符串。

查看完整描述

3 回答

慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗獲得超6個贊

編輯角度> = 4.3.x.

HttpClient已與HttpParams一起推出。下面是一個使用示例：

import { HttpParams, HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

let params = new HttpParams();

params = params.append('var1', val1);

params = params.append('var2', val2);

this.http.get(StaticSettings.BASE_URL, {params: params}).subscribe(...);

（老答案）

編輯角度> = 4.x

requestOptions.search已被棄用。requestOptions.params改為使用：

let requestOptions = new RequestOptions();

requestOptions.params = params;

原始答案（Angular 2）

您需要導(dǎo)入URLSearchParams如下

import { Http, RequestOptions, URLSearchParams } from '@angular/http';

然后構(gòu)建您的參數(shù)并按如下方式生成http請求：

let params: URLSearchParams = new URLSearchParams();

params.set('var1', val1);

params.set('var2', val2);

let requestOptions = new RequestOptions();

requestOptions.search = params;

this.http.get(StaticSettings.BASE_URL, requestOptions)

.toPromise()

.then(response => response.json())

...

反對回復(fù) 2019-08-30

絕地?zé)o雙

TA貢獻(xiàn)1946條經(jīng)驗獲得超4個贊

版本5+

使用Angular 5及更高版本，您不必使用HttpParams。您可以直接發(fā)送您的json對象，如下所示。

let data = {limit: "2"};

this.httpClient.get<any>(apiUrl, {params: data});

請注意，數(shù)據(jù)值應(yīng)為字符串，即; { params: {limit: "2"}}

版本4.3.x +

使用來自@ angular / common / http的HttpParams，HttpClient

import { HttpParams, HttpClient } from '@angular/common/http';

...

constructor(private httpClient: HttpClient) { ... }

...

let params = new HttpParams();

params = params.append("page", 1);

....

this.httpClient.get<any>(apiUrl, {params: params});

可能會幫助一些！

反對回復(fù) 2019-08-30

3 回答
0 關(guān)注
1062 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？

3 回答

相關(guān)問題推薦

添加回答

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？

如何將URL參數(shù)（查詢字符串）傳遞給Angular上的HTTP請求？