获取URL的参数-详解如何获取（自己写的，实测有效）

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

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

我有一个链接  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 '';

},

 

希望能帮到大家

 

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