转自:JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结
法一
const result = new URLSearchParams(this.props.location.search);
const param = result.get('对应参数名');
法二
let url= window.location.href;
const URL = res.split('?')[1];
let obj = {}; // 声明参数对象
let arr = URL.split("&");
for (let i = 0; i < arr.length; i++) {
let arrNew = arr[i].split("=");
obj[arrNew[0]] = arrNew[1];
}
console.log('输出结果是---->',obj)
console.log('输出结果是---->',obj["id"))
法三
getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg); // window.lcation.search 也可以替换成任何想获得参数的 url
if (r != null) {
return unescape(r[2]);
}
return null;
}
name:参数名
如当前页面的url为:http://test.html?id=12&name=zhangsan
var _id=this.getQueryString("id");
var _name=this.getQueryString("name");
结果:_id=12, _name=zhangsan