URLSearchParams的介绍
URLSearchParams API
提供对URL
查询的读写访问。URLSearchParams
类也可以与以下四个构造函数之一单独使用。URLSearchParams
类也在全局对象上可用。WHATWG
URLSearchParams
接口和querystring
模块具有相似的用途,但querystring
模块的用途更通用,因为它允许自定义的分隔符(& 和 =)。 换句话说,此 API 纯粹是为网址查询字符串而设计。
const myURL = new URL("https://example.org/?abc=123");
// searchParams.get() 获取
myURL.searchParams.get(abc); // 123
// 追加
myURL.searchParams.append('mun', '123');
// https://example.org?abc=123&mun=123
// 删除
myURL.searchParams.delete("mun");
// 添加
myURL.searchParams.set("a", "1");
// https://example.org?a=1
//
cosnt newURLSearchParams = new URLSearchParams(myURL.searchParams);
// ==
new URLSearchParams(myURL.search);
// 使用了 new URLSearchParams(myURL.search) 就可以直接使用 searchParams 的方法
newURLSearchParams.append('a', 'b');
// https://example.org/?a=b
newURLSearchParams.toString();
// a=b&b=c
// newURLSearchParams.toString() 隐式调用
new URLSearchParams()
实例化新的空 URLSearchParams
对象
newURLSearchParams(string)
将 string 解析为查询字符串,并使用它来实例化新的 URLSearchParams 对象。 前导 ‘?’(如果存在)将被忽略。
let params = new URLSearchParams('user=123&pas=456');
params.get('user'); // 123
// 打印所有的提交数据 可以将 ?省略
params.toString(); // user=123&pas=456