前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >new URLSearchParams的使用

new URLSearchParams的使用

作者头像
biaoblog.cn 个人博客
发布2023-06-13 15:55:13
4880
发布2023-06-13 15:55:13
举报
文章被收录于专栏:web技术开发分享

前端的传参方式(三种)

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前端的传参方式(三种)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档