js获取当前页面url参数的方法

新出的API：URLSearchParams 这个接口定义了一些方法来处理URL的查询字符串

function query(name) {
  const search = location.search.substr(1) //截取第一个字符后的字符串 a=100&b=20&c=30
  const p = new URLSearchParams(search)
  return p.get(name)
}

通过正则方法匹配参数

function query(name) {
	const search = location.search.substr(1); // location.search 获取的是url链接包括?之后的字符串
	const reg = new RegExp(`(^|&)${name}=([^&]*)(&|$)`, 'i');
	const res = search.match(reg); 
	if (!res) return null;
	return res[2]
}

以链接 https://www.baidu.com?a=1&b=2&c=3 为例；
query(‘a’) // res: [“a=1&”,“”,“1”,“&”] 1
query(‘b’) //res:[“&b=2”,“&”,“2”,“&”] 2
正则表达式用法以及特殊字符含义

拆分字符串成数组

思路：

【1】通过location.search.substr(1)获得参数字符串
【2】将字符串用split以&符号进行分割成一个数组
【3】遍历【2】得到的数组，继续j将每个元素以=进行分割，分别将参数和值赋值给一个对象的属性和值
【4】调用方法通过对象的属性，获取该值

function query() {
  const res={}； // 空对象用以存放数据
  const search = location.search.substr(1);
  search.split('&').forEach(item => {
    const arr =item.split('=')
    const key=arr[0]
    const val=arr[1]
    res[key]=val
  });
  return res
}

function GetRequest() {
    // 获取URL参数对象
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf('?') != -1) {
        var str = url.substr(1);
        var strs = str.split('&');
        for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split('=')[0]] = unescape(decodeURI(strs[i].split('=')[1]));
        }
    }
    return theRequest;
}