获取url中参数具体值的方法

我们常用的是用正则或者其他处理办法,这个这里不讲,主要想谈以下方法

 

1、如果给到的地址是完整的地址,比如  https://i.cnblogs.com/posts/edit?test=123

那么,我们使用 new URL('https://i.cnblogs.com/posts/edit?test=123').searchParams.get('test') 即可获取到test对应的值

 

2、如果地址直接就是search部分,比如,?test=123&abc=45 或者test=123&abc=45 

则可以用  new URLSearchParams("test=123&abc=45").get('test') 即可获取到test对应的值

 

比正则好用吧?!

 

那么,我们常见的,比如要获取当前访问链接的url中的某一个参数的值,那么我们可以用

new URL(window.location.href).searchParams.get('test')

或者 new URLSearchParams(window.location.search).get('test')   来进行获取到。

 

export const getUrlParams = (name) = >{

   return new URL(window.location.href).searchParams.get(name);

}

这不,就可以封装一个获取url中某个参数的值的方法!!!

posted @ 2023-04-21 14:22  茶记忆  阅读(372)  评论(0编辑  收藏  举报