js获取url后的参数

前端页面传参主要是通过url实现：https://www.baidu.com?id=45&user=Jack

该链接，传递了id和user两个参数，那么我们需要获取到这两个参数。

方法一

1、封装一个方法

export const getUrlSingleParam = (name) => {
  const reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
  if (reg.test(window.location.href)) {
    return unescape(RegExp.$2.replace(/\+/g, " "))
  } else {
    return false;
  }
}

2、在需要接收参数的页面调用

let id = getUrlParam('id');
let user = getUrlParam('user');

方法二

const params = new URLSearchParams(location.search);
const id = params.get('id');
const user = params.get('user');