首页 > 其他分享 >JS 动态获取 Url 参数(封装函数)

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

时间:2022-09-21 16:26:25浏览次数:60  
标签:封装 Url matcher JS url let var paramId id

 

话不多说直接上代码:

封装函数如下:

(如果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
本博客文章均为作者原创,转载请注明作者和原文链接。

 

标签:封装,Url,matcher,JS,url,let,var,paramId,id
From: https://www.cnblogs.com/wwyxjjz/p/16715946.html

相关文章

  • js 中常用的format函数
    js中经常要写dom和数据拼接的情况,下面这种format传参方式可以解决。$.format=function(source,params){if(arguments.length==1)returnfunctio......
  • 直播网站程序源码,JS:判断对象中是否有数据
    直播网站程序源码,JS:判断对象中是否有数据 Object.keys(对象).length可以判断对象中是否有数据,length为0则表示没有数据,length为1则表示有1条数据,以此类推比如: let......
  • JS 验证自定义计算公式是否成功
    1、需求1.项目需求表单中填写公式传入后台。2.公式中可以使用汉字英文。3.验证公式是否成功。2、思路1.表单中输入公式存入后台是以字符串的形式传入。2.循环字符串......
  • 30. Python json模块
    1.前言JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,遵循欧洲计算机协会制定的JavaScript规范(简称ECMAScript)。JSON易于人阅读和编写,同时也易于机器解......
  • Js中的File对象
    概述JavaScript中存在File对象,允许网页中的JavaScript访问其内容。File对象通常是用户在网页中的一个<input>元素上传文件返回的FileList对象,或者是拖放操作返回......
  • 如何保持 NextJS 项目的清晰和干净
    如何保持NextJS项目的清晰和干净已经使用NextJS实现了许多项目,我真的不得不说,我喜欢它。您构建Web应用程序的速度,尤其是与Tailwind结合使用的速度令人难以置信。......
  • 请求封装
    //constapp=getApp()letisDev=true;//是否开发环境lethost='https://xs2b.kktijian.com/api'letfileHost='https://xs2b.kktijian.com'letversions=__wxC......
  • JS/TS算法---回溯算法
    回溯算法(backtracking)、什么是回溯法回溯法也可以叫做回溯搜索法,它是一种搜索的方式。在二叉树系列中,我们已经不止一次,提到了回溯,例如二叉树:以为使用了递归,其实还隐藏......
  • GSON搞定任何JSON数据
    一、Gson介绍GSON是Google提供的用来在Java对象和JSON数据之间进行映射的Java类库。可以将一个Json字符转成一个Java对象,或者将一个Java转化为Json字符串。特点:快速......
  • 关于js闭包的基础理解
    闭包拿一个可以记录函数调用次数的来进行理解,如下方letn=0functionnumUp(){n++console.log(n)}constfn=numUp()fn()//n=1fn()......