一个前端,爱跑步、爱吉他、爱做饭、爱生活、爱编程、爱南芳姑娘,爱我所爱。世间最温暖又无价的是阳光、空气与爱,愿它们能带你去更远的地方。

  • 文章
  • 心情
  • 照片墙
  • 留言板
  • 工具
  • 友链
  • biaoblog

    专注web开发技术分享

    new URLSearchParams的使用

    随笔 327 2023-06-12 16:54

    前端的传参方式(三种)

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

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

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


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

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

    http://localhost:3000/candidates?t=hot&hotId=2436
    

    打印location.search

    '?t=hot&hotId=2436'
    


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

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

    举例:

    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