new URLSearchParams的使用

2023-06-13 15:55:13 浏览数 (1)

前端的传参方式(三种)

params传参:属于路径当中的一部分,在配置路由的时候需要占位

query传参:不属于路径当中的一部分,比如/home?k=v&k=v,不需要占位

props传参:路由组件传参(有三种方式)

我们在日常开发中,使用query的比较频繁

new URLSearchParams 主要是为了方便获取参数的

代码语言:javascript复制
http://localhost:3000/candidates?t=hot&hotId=2436

打印location.search

代码语言:javascript复制
'?t=hot&hotId=2436'

那种取值的话,需要我们自己截取一下,

如果使用new URLSearchParams 就免去了截取的过程

举例:

代码语言:javascript复制
const searchParams = new URLSearchParams(location.search);
searchParams.get('hotId') // 2436

当然这个new URLSearchParams还有别的用处:

参考文档:http://www.manongjc.com/detail/28-ywpoqodciyaqnus.html

https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

0 人点赞