欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何解决javascript get 乱码问题

程序员文章站 2022-03-23 17:04:54
...

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

如何解决javascript get 乱码问题

本文操作环境: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 乱码问题的详细内容,更多请关注其它相关文章!

相关标签: javascript