JS获取URL中的参数(解决中文乱码)

最新推荐文章于 2025-05-21 18:46:20 发布

code_xuan

最新推荐文章于 2025-05-21 18:46:20 发布

阅读量3.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_25905159/article/details/121824423

vue 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何在JavaScript中处理URL中携带的中文乱码问题，通过使用正则表达式和encodeURIComponent解码函数，展示了两个有效的方法：传统get参数获取与getRequest()函数的高级处理方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

url中携带参数：

window.location = 'show715c.html?id=' + id + '&tagType='+10 + '&minTitle=常见问题';

该方法存在中文乱码问题

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; //返回参数值
    }

使用：

var id = getUrlParam('id');

解决中文乱码的方法：

function getRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            var strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }

使用：

var minTitle = getRequest().minTitle;