javascript - 提取api-如何将数组附加为搜索参数

标签 javascript url fetch fetch-api

我试图找出是否存在使用本机FetchURL API将数组追加到url搜索参数的正确方法。例如-如果我想将一个或多个项目的数组附加到list参数。
目前,我发现此解决方案可以正常工作:



async function fetchList(array){
	const url = new URL('http://localhost:8080/some-route');
	
	array.forEach(item => url.searchParams.append('list[]', item));	

	const res = await fetch(url);
	return res.json();
}

fetchList(['item1','item2', 'item3'])





但是,我想知道是否有任何本机抽象可以使我免于遍历数组并将其每个项附加到'list[]'(这有点怪癖。)。

最佳答案

您可以使用传播运算符而不是进行迭代,如下所示:

url.searchParams.append('list []',...数组);

关于javascript - 提取api-如何将数组附加为搜索参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52105679/

相关文章:

javascript - YouTube Iframe API 无法将消息发布到 http。收件人有来源 https

javascript - 聚合物应用程序抽屉在关闭时留下悬挂的 wrapper ,内容不会占用所有空间

javascript - 使用 Backbone.js 默默地将 url 更改为以前的

url - PayPal 使用 GET 购买或捐赠表单 url

javascript - 有没有办法将变量从 client.js 文件发送到您的 node.js 文件?

javascript - 如何在 Famo.us 中向 VideoSurface 添加控件

javascript - Chrome 扩展程序可替换 Twitter 文字

php - PHP 中使用的 URL 中的 "?"符号是什么?

reactjs - 类型错误 : "NetworkError when attempting to fetch resource."

xaml - 使用 MVVM 在 XAML 中让 ViewModel 知道用户何时滚动到 ListView 的末尾