在做项目过程中,经常会遇到获取URL参数的问题。每次都是百度一下,找许久才找到能用的方法。

今天我自己琢磨了一下,写了一个方法,实测有用。

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

我有一个链接  http://www.myrealmname.com/mall/#/product/157

给它加两个参数   http://www.myrealmname.com/mall/#/product/157?promotion_code=ZB06AKXFSR&sku=100

  

要获取url中的参数的值,则

console.log(   getParmeter('promotion_code')   )    // ZB06AKXFSR

console.log(   getParmeter('sku')   )    // 100

下面是这个方法的详解

getParmeter(variable){

            let query = window.location.href.split('?')[1];   // 这里query的结果是:   promotion_code=ZB06AKXFSR&sku=100

            let vars = query.split('&');                             // 这里vars的结果是:   ["promotion_code=ZB06AKXFSR", "sku=100"]

            for (let i = 0; i < vars.length; i++) {                 //然后循环

                let pair = vars[i].split('=');                        //  循环第一次结果pair ["promotion_code", "ZB06AKXFSR"]  循环第二次结果pair ["sku", "100"]

                if(pair[0] === variable){                           // 做判断 如果参数名和我们的实参一样

                  return pair[1];                                       // 就返回对应的值

                }

            }

            return '';

},

 获取URL的参数-详解如何获取(自己写的,实测有效) 随笔

 

希望能帮到大家

 

------------------------------------------------------------------------------------------------------------------------------

 

 

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄