我想从一个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查询字符串。
我的例子
private options = new RequestOptions({headers: new Headers({'Content-Type': 'application/json'})});
我的方法
getUserByName(name: string): Observable<MyObject[]> {
//set request params
let params: URLSearchParams = new URLSearchParams();
params.set("name", name);
//params.set("surname", surname); for more params
this.options.search = params;
let url = "http://localhost:8080/test/user/";
console.log("url: ", url);
return this.http.get(url, this.options)
.map((resp: Response) => resp.json() as MyObject[])
.catch(this.handleError);
}
private handleError(err) {
console.log(err);
return Observable.throw(err || 'Server error');
}
在我的分量中
userList: User[] = [];
this.userService.getUserByName(this.userName).subscribe(users => {
this.userList = users;
});
由邮递员
http://localhost:8080/test/user/?name=Ethem
版本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()对嵌套对象进行字符串化。