在前端开发过程很常用的操作,从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; //空气参数
}
若遇上链接中带有#等其他符号,我们也用同样的方式处理,见招拆招。