Js的Url中传递中文参数乱码，如何获取Url中参数问题

一、Js获取url中参数的方法：

/*
获取请求url参数数组
 */
function getUrlVars(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

function getUrlVar(name){
    return getUrlVars()[name];
}

二、Js的Url中传递中文参数乱码问题

encodeURI编码，decodeURI解码为例。

1、传参页面：

<script type=”text/javascript”>
function send(){
var url = "test01.html";
var userName = $("#userName").html();
window.open(encodeURI(url + "?userName=" + userName)); 
}
</script>

2、 接收参数页面：

<script>
var urlinfo = window.location.href;//获取url
var userName = getUrlVar('userName');//拆分url得到userName參數值
$(“#userName”).html(decodeURI(userName));
</script>

encodeURIComponent编码、decodeURIComponent解码为例

1、传参页面

<script type=”text/javascript”>
function send(){
var url = "test01.html";
var userName = $("#userName").html();
window.open(url + "?userName=" + encodeURIComponent(userName)); 
}
</script>

2 、 接收参数页面：

<script>
var urlinfo = window.location.href;//获取url
var userName = getUrlVar('userName');//拆分url得到userName參數值
$(“#userName”).html(decodeURIComponent(userName));
</script>

三：Js中escape，unescape，encodeURI，encodeURIComponent区别：

1.传递参数时候使用，encodeURIComponent否则url中很容易被”#”，”？”，”&”等敏感符号隔断。
2.url跳转时候使用，编码用encodeURI，解码用decodeURI。
3.escape() 只是为0-255以外 ASCII字符 做转换工作，转换成的 %u**** 这样的码，如果要用更多的字符如 UTF-8字符库 就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn 这的码才可以,其它情况下escape，encodeURI，encodeURIComponent编码结果相同,所以为了全球的统一化进程，在用 encodeURIComponent() 或 encodeURI() 代替 escape() 使用吧！