我想从一个Angular组件触发HTTP请求，但我不知道如何向它添加URL参数(查询字符串)。
this.http.get(StaticSettings.BASE_URL).subscribe(
(response) => this.onGetForecastResult(response.json()),
(error) => this.onGetForecastError(error.json()),
() => this.onGetForecastComplete()
)
现在是我的静态设置。BASE_URL就像一个没有查询字符串的URL: http://atsomeplace.com/，但我想让它像http://atsomeplace.com/?var1=val1&var2=val2
如何添加var1，和var2到我的HTTP请求对象作为对象?
{
query: {
var1: val1,
var2: val2
}
}
然后只有HTTP模块将其解析为URL查询字符串。
当前回答
在最新的Angular 7/8中，你可以使用最简单的方法:-
import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
getDetails(searchParams) {
const httpOptions = {
headers: { 'Content-Type': 'application/json' },
params: { ...searchParams}
};
return this.http.get(this.Url, httpOptions);
}
其他回答
版本5 +
在Angular 5及更高版本中，你不必使用HttpParams。您可以直接发送json对象，如下所示。
let data = {limit: "2"};
this.httpClient.get<any>(apiUrl, {params: data});
请注意，数据值应该是字符串，即;{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});
另外，尝试使用JSON.stringify()对嵌套对象进行字符串化。
编辑Angular >= 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(...);
(老答案)
编辑Angular >= 4.x
requestOptions。搜索已弃用。requestOptions使用。改为参数:
let requestOptions = new RequestOptions();
requestOptions.params = params;
原始答案(Angular 2)
您需要导入URLSearchParams，如下所示
import { Http, RequestOptions, URLSearchParams } from '@angular/http';
然后构建参数并像下面这样进行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())
...
你可以使用@angular/common/http中的HttpParams，并在查询时传递一个字符串。 例如:
import { HttpClient, HttpParams } from '@angular/common/http';
const query = 'key=value' // date=2020-03-06
const options = {
params: new HttpParams({
fromString: query
})
}
现在在你的代码中
this.http.get(urlFull, options);
这对你有用:)
我希望能帮到你
您可以使用官方文档中的Url参数。
操作:这个httpClient。得到(这个。火，(params: new HttpParams()。集合(“noCover”，noCover)
import { Http, Response } from '@angular/http';
constructor(private _http: Http, private router: Router) {
}
return this._http.get('http://url/login/' + email + '/' + password)
.map((res: Response) => {
return res.json();
}).catch(this._handleError);
