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

最新推荐文章于 2024-08-11 08:19:26 发布

举世武双

最新推荐文章于 2024-08-11 08:19:26 发布

阅读量629

点赞数

分类专栏： ES6 文章标签： js 解析url参数

本文链接：https://blog.csdn.net/qq_33721382/article/details/90665240

版权

本文介绍了使用JavaScript精简方式获取URL查询参数的方法，包括如何将参数转化为JSON对象及存储到Map中。通过实例测试验证了操作的有效性。

摘要由CSDN通过智能技术生成

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(/([^?&=]+)