您的位置:首页 > Web前端 > JavaScript

js转换汉字编码,解决GET方式传汉字乱码问题

2012-05-09 10:39 302 查看
转载地址:http://hi.baidu.com/langchao826/blog/item/100463d5284918de50da4b56.html

如果以get方式请求服务器,地址中有汉字则会非常容易出现乱码。当然解决办法就是不要传汉字,遇到汉字的情况就将其转换编码后再传,这是非常常用的一种方法。例如下面两个地址:
转码前的地址:http://localhost:8080/test.action?str=转码
转码后的地址:http://localhost:8080/test.action?str=%E8%BD%AC%E7%A0%81
javascript提供了3种对字符串进行转码的方法:escape(),encodeURI(),以及encodeURIComponent()。这三种编码所起的作用各不相同。

escape()方法:

采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。

例如:escape("转码") ;

不会被此方法编码的字符: @ * / +

encodeURI() 方法:

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

例如:encodeURI("转码") ;

不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '

encodeURIComponent() 方法:

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。

例如:encodeURIComponent("转码") ;

不会被此方法编码的字符:! * ( ) '

因此,对于中文字符串来说,如果不希望把字符串编码格式转化成UTF-8格式的(比如原页面和目标页面的charset是一致的时候),只需要使用escape。如果你的页面是GB2312或者其他的编码,而接受参数的页面是UTF-8编码的,就要采用encodeURI或者encodeURIComponent。

get方式传汉字,要进行两次编码。浏览器认为%是个转义字符,经过一次编码解码之后再传递给处理页面,这样的话服务器端就得不到正确结果了。
第一次“老王”编码成“%E8%80%81%E7%8E%8B”,第二次”%”转为”%25″。
故而只要是经过get方法传递的汉字,传前两次编码,接后一次解码。
修改后的程序,ajax部分。
var username=document.form_reg.username.value;       username=encodeURIComponent(encodeURIComponent(username));

xmlHttp.open("get","ajax/Ajax_UserIsExist?username="+username,true);

xmlHttp.send(null);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: