首页 > 代码库 > AJAX的中文乱码问题
AJAX的中文乱码问题
/***********本人原创，欢迎转载，转载请保留本人信息*************/
作者：wallimn
电邮：wallimn@sohu.com
博客：http://blog.csdn.net/wallimn
时间：2006-11-15
/***********本人原创，欢迎转载，转载请保留本人信息*************/
今天终于解决了AJAX的中文乱码问题，写篇文章来帮助一下有同样问题的朋友们。我的开发环境：XP, eclipse,使用GB18030编码。
当遇到这个问题时，到网上去查了好多文章，提到几种解决方案，如：全站UTF-8编码；请求头编码为中文；使用JavaScript中的escape函数。
使用GET方式提交数据的时候，中文问题很好解决，setrequestheader("Content-Type","text/html; encoding=gb18030")就可以了。但这个方法在POST方式中却不起作用。大家都知道GET方式提交数据有长度限制，有时我们必须使用POST方式来提交数据。
但对于POST方式，使用上述的几种方法经过多次测试，问题依旧。我郁闷了好几天。
今天把问题解决了，很简单，是使用escape(或encodeURI，两个函数javascript的函数，功能基本相同，可以查一下相关的帮助），但要使用两次，这是解决问题的关键。
我的例子涉及两个页面，一个是初始页面，一个是AJAX请求处理页面。
初始页面内容如下(hello.jsp)：
/////////////////////////////////////////////////////////////////////////////////////
<%@ page language="Java" import="java.util.*" pageEncoding="GB18030"%>
<%String path = request.getContextPath();%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AJAX提交页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<script type="text/javascript">
function justdo(){
var post="name=张三丰&email=wallimn@sohu.com&bokee=http://wallimn.bokee.com";
post = encodeURI(post);
post = encodeURI(post);//两次，很关键
var xmlObj = new ActiveXObject(‘Msxml2.XMLHTTP‘);
var URL = ‘<%= path%>/page/act.jsp‘;//文件名需要调整成测试时的相应位置?
xmlObj.open (‘post‘,URL,true);
xmlObj.setrequestheader("cache-control","no-cache");
xmlObj.setrequestheader("Content-Type","application/x-www-form-urlencoded");
xmlObj.send (post);//注意:POST方式，使用这个来发送内容?
}
</script>
</head>
<body>
<input type="button" value="http://www.mamicode.com/提交" onclick="justdo()"/>
</body>
</html>
/////////////////////////////////////////////////////////////////////////////////////
ajax请求处理页面（act.jsp）的内容如下:
/////////////////////////////////////////////////////////////////////////////////////
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%String path = request.getContextPath();%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page import="java.NET.URLDecoder"%>
<html>
<head>
<title>ajax deal</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body>
<%
//遍历输出参数内容。
for (Enumeration e = request.getParameterNames(); e.hasMoreElements();) {
String h = (String) e.nextElement();
String v = request.getParameter(h);
String mm = java.Net.URLDecoder.decode(v, "UTF-8");
System.out.println("请求参数: " + h + " = " + mm);
}
%>
</body>
</html>
/////////////////////////////////////////////////////////////////////////////////////
分析：当调用request.getParameter()函数时，会自动进行一次URI的解码过程，调用时内置的解码过程会导致乱码出现。而URI编码两次后，request.getParameter()函数得到的是原信息URI编码一次的内容。再用可控的解码函数java.net.URLDecoder.decode()就可解出原始的正确的信息。
以上分析纯属个人看法，不知是否正确。
AJAX的中文乱码问题