js获取url拼接参数值得到?后面键值对参数

最新推荐文章于 2024-07-24 15:14:00 发布

梦翼93

最新推荐文章于 2024-07-24 15:14:00 发布

阅读量727

点赞数

分类专栏：前端浏览器文章标签： javascript html5 vue

本文链接：https://blog.csdn.net/m0_54281425/article/details/121599843

版权

前端同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

浏览器

8 篇文章 0 订阅

订阅专栏

最近有个需求，要求从APP 端跳转页面到H5移动端页面，传参方式由APP端从url中拼接，h5端拿取url参数
// 地址：http://localhost:8080/#/diagnosis/learningReport?id=90&sid=110
需求：拿到 {id: ‘90’, sid: ‘110’}

// 在页面初始化调用此函数
getQueryParams() {
      // 地址：http://localhost:8080/#/diagnosis/learningReport?id=90&sid=110
      const queryString = window.location.hash                // #/diagnosis/learningReport?id=90&sid=110
      let index = queryString.indexOf('?')
      let result = queryString.substr(index, queryString.length)           //?id=90&sid=110
      const reg = /[?&][^?&]+=[^?&]+/g
      const found = result.match(reg)                // ['?id=90', '&sid=110']
      if (found) {
        found.forEach((item) => {
          let temp = item.substring(1).split('=')
          let key = temp[0]
          let value = temp[1]
          this.urlParams[key] = value
        })

        console.log(this.urlParams, 'par')                 // {id: '90', sid: '110'}这里就可以拿到参数键值对了
      }
    },