使用js获取url中的参数并返回一个对象
今天写一个原生的html需要进行url的参数提取,为了方便以后用到时直接用将这个方法记录在此。
思路:使用window.loaction.href获取到当前页面的链接,然后对这个url字符串进行处理。这些处理的前提是你要了解url,url由协议、域名、路径、查询字符串等组成。我们要提取得参数也就是查询字符(qurey)是连接在?后面的键值对且用&符合分割。我们处理要做的事情就是将这些键值对提取出来并组装成对象。
function getUrlParams(url){
const Params = {}
if(url.indexOf('?')>0){//判断是否有qurey
let parmas = url.slice(url.indexOf('?')+1)//截取出query
const paramlists = parmas.split('&')//分割键值对
for (const param of paramlists) {
let a = param.split('=')
Object.assign(Params,{[a[0]]:a[1]})//将键值对封装成对象
}
}
return Params
}