js获取url后的参数

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bocongbo/article/details/81772388

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

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

1、封装一个全局方法

export function getUrlParam(name) {
  let 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');

3、如果没有该参数,则返回false,可以通过if语句判断是否接收到该参数

if(id){
    //接收到id
}else{
    //没有id参数
}

猜你喜欢

转载自blog.csdn.net/bocongbo/article/details/81772388