使用js提取url中的参数

2018-01-19  本文已影响16人  AmazingMax

在前端开发过程很常用的操作,从url链接里提取其中包含的参数。

代码

例子链接:index.html?type=Station&clientId=868323028613526&AirIndex=CO
通常我们提取的是链接中?符号后的参数并用&符号隔开。

提取参数:

 parseQueryString(currentUrl){                      //解析链接参数
                var str=currentUrl.split("?")[1];                     //提取链接上的参数信息
                var iterms = str.split("&");                //拆分参数
                var arr,Json={};  
                for(var i=0;i<iterms.length;i++){  
                    arr=iterms[i].split("=");  
                    Json[arr[0]]=arr[1];  
                   }  
                 return Json;       //返还数值
        }

定义参数:

 showPage(){   //获取当前链接  window.location.href
            var currentUrl = window.location.href;
            var urlData= this.parseQueryString(currentUrl); //储存链接参数信息 
                        console.log(urlData);          //打印获取的参数
                        this.type = urlData.type;           //设备类型
                        this.clientId = urlData.clientId;       //设备id
                        this.AirIndex = urlData.AirIndex;       //空气参数
        }

若遇上链接中带有#等其他符号,我们也用同样的方式处理,见招拆招。

上一篇 下一篇

猜你喜欢

热点阅读