JS获取URL的查询参数（精简写法）

爱被打了一巴掌 2022-01-26 13:13 306阅读 0赞

JS获取URL的查询参数

（1）将参数转化成JSON对象

（2）将参数存放到map当中

function test2() {
            var url = "myapp://index.html?page=index& id = 123";
            //var url = "myapp://index.html";
            console.log("getUrlParamsToJSON(url):", getUrlParamsToJSON(url));
            console.log("");
    
            var params = getUrlParamsToMap(url);
            console.log("getUrlParamsToMap(url):", params);
            //在map当中，如果key不存在，则返回undefined
            console.log("page:", params.get('page'));
            console.log("test:", params.get('test'));
        }
    
        // 获取URL的查询参数
        // 将参数转化成JSON对象：如果URL没有携带参数，则JSON对象为{}
        function getUrlParamsToJSON(url) {
            var params = {};
            //去除所有空格
            url = url.replace(/\s/ig, '');
            //正则表达式匹配
            url.replace(/([^?&=]+)=([^&]+)/g, (_, key, value) => {
                params[key] = value;
            });
            return params;
        }
    
        // 获取URL的查询参数
        // 将参数存放到map当中，如果URL没有携带参数，则map的长度为0，param.get(key)为
        function getUrlParamsToMap(url) {
            var params = new Map();
            //去除所有空格
            url = url.replace(/\s/ig, '');
            //正则表达式匹配
            url.replace(/([^?&=]+)=([^&]+)/g, (_, key, value) => {
                params.set(key, value);
            });
            return params;
        }

测试结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzIxMzgy_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzIxMzgy_size_16_color_FFFFFF_t_70]: /images/20220126/d2c5ec6c30344575a09d6eb6bf69dd4b.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js 获取 url中的参数

//获取url中的参数 function getUrlParam(name) \{ var reg = new RegExp("(^|&)" + name + “=(\

偏执的太偏执、/ 2023年01月08日 02:18/ 0 赞/ 212 阅读

相关 JS获取url参数

function getQueryVariable(variable) { var query = window.location.searc

分手后的思念是犯贱/ 2022年09月05日 01:51/ 0 赞/ 242 阅读

相关 js获取url中的参数

//获取url携带参数 function getQueryString(name) { var reg = new RegExp('(^|&)

古城微笑少年丶/ 2022年06月10日 10:44/ 0 赞/ 278 阅读

相关 js 获取 url 参数

/ 获取url参数 @param name 参数名 @returns 值 / getQueryString : f

迈不过友情╰/ 2022年05月31日 03:46/ 0 赞/ 319 阅读

相关 js获取URL中的参数

js获取URL中的一些参数的意思 location对象含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http

╰+攻爆jí腚メ/ 2022年05月29日 07:55/ 0 赞/ 276 阅读

相关 JS-获取当前URL的参数

链接：[http://localhost:8080/test/upload?test1=1&test2=2][http_localhost_8080_test_upload_t

布满荆棘的人生/ 2022年05月20日 07:21/ 0 赞/ 307 阅读

相关 js获取URL中的参数

在控制台console出location对象如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

傷城~/ 2022年04月10日 06:36/ 0 赞/ 359 阅读

相关 JS获取url中的参数

> //获取地址栏参数//可以是中文参数 > function getUrlParam(key) { > // 获取参数 > v

矫情吗；*/ 2022年03月01日 09:20/ 0 赞/ 353 阅读

相关 JS获取URL的查询参数（精简写法）

JS获取URL的查询参数（1）将参数转化成JSON对象（2）将参数存放到map当中 function test2() { var ur

爱被打了一巴掌/ 2022年01月26日 13:13/ 0 赞/ 307 阅读

相关 js获取url参数

js获取url参数 function getUrlParamByName(name) { var result = location.searc

偏执的太偏执、/ 2021年10月12日 18:46/ 0 赞/ 507 阅读