前端获取链接上参数

Myth丶恋晨 2022-12-03 08:48 176阅读 0赞

1、如何获取URL地址链接参数

*  例子：`https://www.baidu.com/?tn=78040160_5_pg&ch=8`

function getUrlParam(name) { 
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg); //匹配目标参数
            if(r != null) return unescape(r[2]);
            return null; //返回参数值
        }

使用方法：getUrlParam(“tn”)

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 '';
    },

使用方法：getParmeter(“tn”)

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 request获取url链接和参数

　　![request获取url链接和参数\_request获取url链接和参数][request_url_request_url] //Returns the part of

男娘i/ 2023年09月24日 09:21/ 0 赞/ 136 阅读

相关 vue获取浏览器请求链接的参数

在我们做卫星公众号项目的时候往往都要获取用户信息，这时候后端会给你请求链接。我们的参数就是从这个请求连接里拿的首先新建一个文件夹 method.js 加入下面的代码：

男娘i/ 2023年07月24日 09:11/ 0 赞/ 11 阅读

相关 AngularJs获取链接中的参数

1、被获取的链接 [http://localhost:8080/channel-manager-web/unifiedPlayNewService/broadcastingM

灰太狼/ 2023年07月17日 06:59/ 0 赞/ 19 阅读

相关 js获取url链接参数的一些方法

//方法一 function getQueryString(key) { var reg = new RegExp("(^|&)" + key +

朱雀/ 2023年02月23日 12:27/ 0 赞/ 86 阅读

相关前端获取链接上参数

1、如何获取URL地址链接参数例子：`https://www.baidu.com/?tn=78040160_5_pg&ch=8` function getU

Myth丶恋晨/ 2022年12月03日 08:48/ 0 赞/ 177 阅读

相关获取网址链接的参数

获取网址链接的参数，可以方便我们进行调整页面的显示，或者发送数据给后端进行相关处理，以下是获取参数的代码参考： // 获取链接的参数 function ge

傷城~/ 2022年10月11日 01:12/ 0 赞/ 203 阅读

相关前端超链接

超链接的作用：跳转到外部地址：<a href="https://www.baidu.com"></a> 跳转到内部页面的地址：<a href="新页面.

亦凉/ 2022年08月31日 06:45/ 0 赞/ 286 阅读

相关获取超链接后的参数

function GetRequest() \{ var url = location.search; //获取url中"?"符后的字串 var t

ゞ浴缸里的玫瑰/ 2022年07月19日 05:24/ 0 赞/ 192 阅读

相关 JavaScript获取链接指定参数

//当前链接 : http://dev.m.tv.959.cn/ketang/pay/810.html?type=1 function GetUrlP

﹏ヽ暗。殇╰゛Y/ 2022年03月06日 14:36/ 0 赞/ 199 阅读

相关小程序获取链接中的参数

onLoad: function (options) \{ if (options != null && options != undefined && options.s

雨点打透心脏的1/2处/ 2022年01月26日 15:29/ 0 赞/ 429 阅读