标签：ams 扩展 encodeuri col 字符串 修改 字符 查询参数 fetch
URLSearchParams对象用于处理URL中查询字符串，即？之后的部分。
其实例对象的用法和Set数据结构类似。实例对象本身是可遍历对象。但是不是遍历器。
var paramsString = ‘q=URLUtils.searchParams&topic=api‘; var searchParams = new URLSearchParams(paramsString);
searchParams.has(‘topic‘); // true
searchParams.get(‘topic‘); // ‘api‘
当同一个键值对应多个值时用该方法
searchParams.getAll(‘topic‘); // [‘api‘]
searchParams.append(‘test‘, ‘testvalue‘); // searchParams.toString()变为 // "q=URLUtils.searchParams&topic=api&test=testValue"
会删除所有键值为key的查询参数
searchParams.delete(‘test‘); // searchParams.toString()变为 // "q=URLUtils.searchParams&topic=api"
searchParams.set(‘q‘, ‘test‘); // searchParams.toString()变为 // "q=test&topic=api"
将实例对象变回字符串的形式
下面的方法调用都返回一个Iterator对象。可以通过调用next()方法遍历对象。
想要获取预想的结果，需要使用扩展运算符。
[...searchParams.keys()] // ["q","topic"]
[... searchParams.values()] // ["test", "api"]
因为实例对象本身也是可遍历对象。也可以使用扩展运算符。而且和entries()方法的结果相同。
[... searchParams.entries()] // [["q", "test"],["topic", "api"]] //遍历自身 [... searchParams] // [["q", "test"],["topic", "api"]]
该类型的请求体，浏览器会自动添加请求头:
Content-Type: application/x-www-form-urlencoded;charset=UTF-8
而且，作为请求体的=两侧的数据会被进行URL编码（encodeURIComponent()）。
const data = new URLSearchParams("a=b&c=d"); fetch(‘/post‘,{ method: ‘POST‘, body: data }).then((result) => console.log(result))
const url = new URL(location); url.searchParams instanceof URLSearchParams // true
标签：ams 扩展 encodeuri col 字符串 修改 字符 查询参数 fetch
原文地址：https://www.cnblogs.com/lyraLee/p/11999966.html
