获取 window.location.search 携带的多个参数并解析

最新推荐文章于 2024-12-06 08:00:00 发布

城南花已开Ya

最新推荐文章于 2024-12-06 08:00:00 发布

阅读量1.2k

点赞数 1

分类专栏： js方法 html 文章标签： javascript vue 前端

本文链接：https://blog.youkuaiyun.com/qq_42174597/article/details/129139590

版权

js方法同时被 2 个专栏收录

15 篇文章

订阅专栏

html

2 篇文章

订阅专栏

1. 总所周知我们使用 window.location.search 会获取到浏览器地址栏的路径后的参数，但是有时候参数太多又需要各个参数的时候，用一个个字符串解析太麻烦，所以总结了一个方法直接把地址传进去就行，省一些事。

getUrl(url){
  let returl = new Object(); 
  if (url.indexOf("?") != -1) { 
    let queryString = url.substr(1);
    let queryParams = queryString.split("&");
     for (let i = 0; i < queryParams.length; i++) { 
       let [key, value] = queryParams[i].split("="); 
       returl [key] = decodeURI(value); 
        //值需要使用 decodeURI() 函数对通过 escape() 或 url 编码过的字符串进行解码
      } 
  }; 
  return returl;
}

url 是window.location.search 路径后的参数传进去就行。

例如：?workbenchId=82&workbenchName=02221&refreshStatus=0

得到：{refreshStatus: "0",workbenchId: "82",workbenchName: "02221"}