获取url中的参数

最新推荐文章于 2024-07-29 18:39:07 发布

江上晚风吟_

最新推荐文章于 2024-07-29 18:39:07 发布

阅读量487

点赞数

文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/qq_35035975/article/details/122668580

版权

用decodeURIComponent解码，通过name返回需要的值

		// 获取url参数
        function getUrlKey (name) {
            return (
                decodeURIComponent(
                    (new RegExp(
                        "[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)"
                    ).exec(location.href) || [, ""])[1].replace(/\+/g, "%20")
                ) || null
            );
        },
        //调用方法
        getUrlKey("token")

用decodeURIComponent解码，直接返回对象

function getParams(url) {
  const res = {}
  if (url.includes('?')) {
    const str = url.split('?')[1]
    const arr = str.split('&')
    arr.forEach(item => {
      const key = item.split('=')[0]
      const val = item.split('=')[1]
      res[key] = decodeURIComponent(val) // 解码
    })
  }
  return res
}

// 测试
const user = getParams('http://www.baidu.com?user=%E9%98%BF%E9%A3%9E&age=16')
console.log(user) // { user: '阿飞', age: '16' }