我正在尝试使用新的Fetch API：
我正在提出这样的GET请求：
var request = new Request({
url: 'http://myapi.com/orders',
method: 'GET'
});
fetch(request);
但是，我不确定如何向GET请求添加查询字符串。理想情况下，我希望能够向喜欢的人GET提出请求URL：
'http://myapi.com/orders?order_id=1'
在jQuery我可以通过{order_id: 1}作为data参数传递来做到这一点$.ajax()。有没有等效的方法来使用 new 来做到这一点Fetch API？
2017 年 3 月更新：
URL.searchParams支持已正式登陆 Chrome 51，但其他浏览器仍然需要polyfill。
使用查询参数的官方方法是将它们添加到 URL 中。从规范，这是一个例子：
var url = new URL("https://geo.example.org/api"),
params = {lat:35.696233, long:139.570431}
Object.keys(params).forEach(key => url.searchParams.append(key, params[key]))
fetch(url).then(/* … */)
但是，我不确定 Chrome 是否支持searchParamsURL的属性（在撰写本文时），因此您可能想要使用第三方库或推出自己的解决方案。
2018 年 4 月更新：
通过使用URLSearchParams 构造函数，您可以分配一个二维数组或一个对象，然后将其分配给url.search而不是循环遍历所有键并附加它们
var url = new URL('https://sl.se')
var params = {lat:35.696233, long:139.570431} // or:
var params = [['lat', '35.696233'], ['long', '139.570431']]
url.search = new URLSearchParams(params).toString();
fetch(url)
旁注：URLSearchParams在 NodeJS 中也可用
const { URL, URLSearchParams } = require('url');
简洁、现代的方法：
fetch('https://example.com?' + new URLSearchParams({
foo: 'value',
bar: 2,
}))
URLSearchParams 的 toString()函数会将提供的查询参数转换为字符串。在 JavaScript 中，当您将一个对象与一个字符串连接起来时，该对象的 toString() 函数将自动为您调用。您可能更愿意更明确地了解这里发生的事情，并在将两个值连接在一起之前选择自己调用 .toString() ，如下所示：fetch('https://...' + new URLSearchParams(...).toString())
IE 不支持 URLSearchParams（或 fetch），但有可用的polyfills 。
如果使用 node，您可以通过node-fetch 之类的包添加 fetch API 。URLSearchParams 带有节点，从版本 10 开始可以作为全局对象找到。在旧版本中，您可以在require('url').URLSearchParams.
如果你同时使用 node 和 typescript，你会发现，由于一些技术限制，typescript 不提供全局 URLSearchParams 的类型定义。最简单的解决方法是从 URL module中导入它。请参阅此处了解更多信息。
let params = {
"param1": "value1",
"param2": "value2"
};
let query = Object.keys(params)
.map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
.join('&');
let url = 'https://example.com/search?' + query;
fetch(url)
.then(data => data.text())
.then((text) => {
console.log('request succeeded with JSON response', text)
}).catch(function (error) {
console.log('request failed', error)
});
正如已经回答的那样，这对于fetch-API 来说是不可能的，但是。但我必须注意：
如果你在node，有querystring包裹。它可以字符串化/解析对象/查询字符串：
var querystring = require('querystring')
var data = { key: 'value' }
querystring.stringify(data) // => 'key=value'
...然后只需将其附加到要请求的 url。
但是，上面的问题是，您必须始终在前面加上问号 ( ?)。因此，另一种方法是使用parse节点url包中的方法并按如下方式执行：
var url = require('url')
var data = { key: 'value' }
url.format({ query: data }) // => '?key=value'
见query在https://nodejs.org/api/url.html#url_url_format_urlobj
这是可能的，因为它在内部只是这样：
search = obj.search || (
obj.query && ('?' + (
typeof(obj.query) === 'object' ?
querystring.stringify(obj.query) :
String(obj.query)
))
) || ''
您可以使用#stringifyfrom查询字符串
import { stringify } from 'query-string';
fetch(`https://example.org?${stringify(params)}`)