首页 > web前端 > js教程 > 如何向 Fetch GET 请求添加查询字符串参数?

如何向 Fetch GET 请求添加查询字符串参数?

Linda Hamilton
发布: 2024-10-26 00:46:02
原创
1065 人浏览过

How to add query string parameters to Fetch GET requests?

Fetch GET 请求中的查询字符串添加

在探索 Fetch API 的查询字符串功能时,开发人员的目标是使用类似于 jQuery 的 $ 的方法将参数传递给 GET 请求.ajax().

解决方案

新的 Fetch API 使用 URLSearchParams 来解决查询字符串添加问题。该对象提供了一种构建和修改查询字符串参数的便捷方法。

<code class="javascript">fetch('https://example.com?' + new URLSearchParams({
    foo: 'value',
    bar: 2,
}).toString())</code>
登录后复制

URLSearchParams.toString() 方法将参数对象编码为适当格式的查询字符串。

或者,您可以可以省略 .toString() 调用,因为 JavaScript 在与字符串连接时会自动将非字符串对象强制转换为字符串。请注意,这种方法需要对 JavaScript 有更深入的了解。

完整示例

这是一个带有查询参数的综合示例:

<code class="javascript">async function doAsyncTask() {
  const url = (
    'https://jsonplaceholder.typicode.com/comments?' +
    new URLSearchParams({ postId: 1 }).toString()
  );

  const result = await fetch(url)
    .then(response => response.json());

  console.log('Fetched from: ' + url);
  console.log(result);
}

doAsyncTask();</code>
登录后复制

以上是如何向 Fetch GET 请求添加查询字符串参数?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板