繁体   English   中英

如何在TypeScript中向我的URL添加查询参数?

How do I add query parameters to my url in TypeScript?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

单击按钮后,我想重定向到另一个页面。 所以我有以下功能:

//this redirects me correctly
click() {
    window.location.href = 'download/' + this.some.string.toLowerCase();
    console.log(this.client.displayName);
  }

但是我希望我的网址看起来像这样:

toggleDownload() {
    const someValue = this.client.getValue();
    window.location.href = 'download/' + this.client.displayName.toLowerCase()+'key='+value;
    console.log(this.client.displayName);
  }

如果提供了查询参数,则我将基于此执行某些操作,否则,我不会。 这是添加查询参数的正确方法吗? 我只是将它们附加为字符串吗?

1 个回复

使用模板文字: https//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Template_literals

这样就无需手动将子字符串连接为一个,如下所示:

toggleDownload(): void {
    const someValue = this.client.getValue();
    const urlWithParams = `download/${this.client.displayName.toLowerCase()}+key=${value}`;
    window.location.href = urlWithParams;
  }
1 如何获取 URL 中的查询参数

在 Dart 中,我正在开发一个网页游戏。 在这种情况下,我需要一个可以从 URL 获取数据的函数,就像在 PHP 中获取数据一样。 我该怎么做? 例如,假设我在加载网页游戏时将以下内容附加到我的 URL: ?id=15&randomNumber=3.14 。 如何在 Dart 中以原始字 ...

2014-10-28 07:40:12 3 13485   url/ dart
2 如何重定向到带有查询参数的 URL?

我正在尝试使用redirect()帮助程序使用查询参数进行redirect() : 问题在于,当$link传递给to()方法时,Laravel 删除了引导查询字符串的问号,所以它变成了这样: 进入这个: (再次注意最后一个链接中缺少的? )。 如何使用附加到自定义 URL 的查询参数 ...

6 Rest 获取:如何在 URL 的查询参数中添加“带查询参数的 URL”?

我有如下要求: 是否可以在查询参数中添加 url ? (回调网址) 是否可以将步骤 1 添加到查询参数的值中? (ourOwnCallbackUrl) 是否可以将第 2 步中的第 1 步添加到主 url 中? (/付款网址) 问题基本上是如何在查询参数中添加另一个 URL 并且可以进一步嵌 ...

7 AngularJS-如何使用$ location更新URL查询参数?

我需要从我的一项服务中的URL添加,更新和删除查询字符串参数。 麻烦的是URL似乎没有更新。 我正在尝试以下方法: 上面的方法不起作用。 当我尝试使用以下方法删除参数键/值时,URL未更新: 并且不会使用以下参数更新或添加参数: 有人可以告诉我在URL中添加/更新和 ...

8 如何从URL中删除查询(用于GET参数)?

我正在构建一个小型REST服务来授权用户进入我的应用程序。 有一次,我用来授权用户的UIWebView将转到https://myautholink.com/login.php 。 此页面使用授权令牌发送JSON响应。 关于这个页面的事情是它通过我的授权表格通过GET接收一些数据。 我 ...

9 如何将URL查询参数放入对象文字中?

在查看location.search时,获取查询参数并将其转换为对象文字的最佳方法是什么? 说我有一个看起来像这样的URL: http://foo.com?nodeId=2&userId=3&sortOrder=name&sequence=asc 我最 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM