解决location.href地址栏中传递的参数，并解决中文参数乱码问题

最新推荐文章于 2022-09-09 22:14:33 发布

一只快乐的小猴子

最新推荐文章于 2022-09-09 22:14:33 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/abcdef12030/article/details/92576307

js 专栏收录该内容

19 篇文章

订阅专栏

博客聚焦于解决location.href在地址栏传递参数的问题，同时着重处理了中文参数出现乱码的情况，为前端开发中地址栏传参提供了解决方案。

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

解决location.href地址栏中传递的参数，并解决中文参数乱码问题

location.href="http://localhost:3000/m/search.html?keywords="+"你好";
//获取参数值“你好”
function getParamsByUrl(current, name) {
    //根据关键字获取搜索结果
    var index = current.indexOf('?');
    var str = current.substr(index + 1);
    var arr = str.split('&');
    // console.log(arr);
    var keuval;
    $.each(arr, function(index, value) {
        var arr2 = value.split('=');
        // console.log(arr2);
        if (arr2[0] == name) {
            keuval = arr2[1];
            console.log(keuval);
            return false;
        }
    })
    return keuval;
}
 keywords = getParamsByUrl(location.href, "keywords");//此时获取到的是中文乱码%E4%BD%A0%E5%A5%BD
 keywords = decodeURIComponent(keywords);//对中文字符进行解码,获取到中文字符
 console.log(keywords);//"你好"