angularjs – 如何传递url参数(查询字符串)到Angular 2上的HTTP请求

前端之家收集整理的这篇文章主要介绍了angularjs – 如何传递url参数(查询字符串)到Angular 2上的HTTP请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
您好,我正在Angular 2上创建一个HTTP请求,但我不知道如何添加url参数(查询字符串)。
  1. this.http.get(StaticSettings.BASE_URL).subscribe(
  2. (response) => this.onGetForecastResult(response.json()),(error) => this.onGetForecastError(error.json()),() => this.onGetForecastComplete()
  3. );

现在我的StaticSettings.BASE_URL是一个像url,没有查询字符串,如:http://atsomeplace.com/,但我想它是http://atsomeplace.com/?var1=val1&var2=val2

其中var1和var2适合我的Http请求对象?我想添加他们像一个对象。

  1. {
  2. query: {
  3. var1: val1,var2: val2
  4. }
  5. }

然后只是Http模块做的工作来将其解析成URL查询字符串。

Http.get方法接收一个实现 RequestOptionsArgs作为第二个参数的对象。

该对象的搜索字段可用于设置字符串或URLSearchParams对象。

一个例子:

  1. // Parameters obj-
  2. let params: URLSearchParams = new URLSearchParams();
  3. params.set('appid',StaticSettings.API_KEY);
  4. params.set('cnt',days.toString());
  5.  
  6. //Http request-
  7. return this.http.get(StaticSettings.BASE_URL,{
  8. search: params
  9. }).subscribe(
  10. (response) => this.onGetForecastResult(response.json()),() => this.onGetForecastComplete()
  11. );

Http类的文档有更多的细节。它可以找到here

猜你在找的Angularjs相关文章