在前端開發(fā)過程很常用的操作,從url鏈接里提取其中包含的參數(shù)勺卢。
代碼
例子鏈接:index.html?type=Station&clientId=868323028613526&AirIndex=CO
通常我們提取的是鏈接中谭贪?符號(hào)后的參數(shù)并用&符號(hào)隔開碌燕。
提取參數(shù):
parseQueryString(currentUrl){ //解析鏈接參數(shù)
var str=currentUrl.split("?")[1]; //提取鏈接上的參數(shù)信息
var iterms = str.split("&"); //拆分參數(shù)
var arr,Json={};
for(var i=0;i<iterms.length;i++){
arr=iterms[i].split("=");
Json[arr[0]]=arr[1];
}
return Json; //返還數(shù)值
}
定義參數(shù):
showPage(){ //獲取當(dāng)前鏈接 window.location.href
var currentUrl = window.location.href;
var urlData= this.parseQueryString(currentUrl); //儲(chǔ)存鏈接參數(shù)信息
console.log(urlData); //打印獲取的參數(shù)
this.type = urlData.type; //設(shè)備類型
this.clientId = urlData.clientId; //設(shè)備id
this.AirIndex = urlData.AirIndex; //空氣參數(shù)
}
若遇上鏈接中帶有#等其他符號(hào)缺前,我們也用同樣的方式處理培愁,見招拆招井辜。