URLSearchParams截取url参数

2022-08-23 11:01:26 阅读：234 来源： 互联网

标签：searchParams URLSearchParams url 截取 123 myURL new newURLSearchParams

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

// 打印所有的提交数据	可以将 ？省略
param

标签：searchParams,URLSearchParams,url,截取,123,myURL,new,newURLSearchParams
来源： https://www.cnblogs.com/liliuyu/p/16615400.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

URLSearchParams截取url参数

URLSearchParams的介绍

newURLSearchParams(string)