JS 动态获取 Url 参数(封装函数)

 

话不多说直接上代码:

封装函数如下:

(如果urls固定,可以只写一个name变量)

复制代码
            getQueryString(name, urls) {
                var url = urls; // 获取URL
                // console.log(url, 'url***');
                var pattern = new RegExp("[\?\&]" + name + "=([^\&]+)", "i"); // 正则匹配URL
                var matcher = pattern.exec(url);
                if (matcher == null || matcher.length < 1) {
                    return "没有该参数";
                }
                return decodeURIComponent(matcher[1]); // 输出指定的参数值 中文也可以
            },
复制代码

 

调用示例:

let url ='http://192.168.1.70:98/sign/index.html?qr_type=2&id=fb094d5e50b74c828b19610d83eafdad'

let paramId = this.getQueryString('id', url)

console.log('paramId:',paramId)  //paramId:fb094d5e50b74c828b19610d83eafdad

// let paramId = url.split("?")[1].split("id=")[1]; //取得参数

 

 

完结,撒花✿✿ヽ(°▽°)ノ✿

 

 

作者:微微一笑绝绝子
出处:https://i.cnblogs.com/posts/edit;postId=16715946
本博客文章均为作者原创,转载请注明作者和原文链接。

 

posted @   微微一笑绝绝子  阅读(208)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示