js教程 如何解决javascript get 乱码问题

 所属分类:web前端开发

 浏览:204次-  评论: 0次-  更新时间:2022-06-07
描述:这是一篇js教程 如何解决javascript get 乱码问题的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 jav...
这是一篇js教程 如何解决javascript get 乱码问题的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。

javascript get乱码的解决办法:1、使用decodeURIComponent()方法解决乱码;2、通过正则匹配方式解决乱码。

本文操作环境:windows7系统、javascript1.8.5版,DELL G3电脑

如何解决javascript get 乱码问题?

js get方式传参解决中文乱码问题

方案 一、JS截取地址栏URL参数

下面两种方法解决乱码主要是使用decodeURIComponent()方法,

对截取到的值再次进行转码

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return (false);
}
let value=getQueryVariable('name');
console.log(value);
//此函数若想解决乱码问题需要使用decodeURIComponent()方法再次处理下
let value = getQueryVariable('name');
value = decodeURIComponent(value);
console.log(value);

方案二、获取get请求参数(解决中文乱码)

//采用正则匹配方式
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return "";
};

推荐学习:《javascript高级教程》

以上就是如何解决javascript get 乱码问题的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!