Posted on 2009-10-22 20:58
S.l.e!ep.￠% 閱讀(854)
評論(0) 編輯 收藏 引用 所屬分類:
HTML
前段時間寫JSP，使用AJAX以POST方式提交數(shù)據(jù)，如果是中文字符提交就會亂碼，后來寫ASP時用到AJAX以POST方式提交數(shù)據(jù)，中文一樣是亂碼。搜索一下相關(guān)資料，問題應(yīng)該是提交數(shù)據(jù)時是以UTF-8編碼提交，所以接收時如果使用GB2312或者其它中文編碼的話就會亂碼。
使用GET方式提交數(shù)據(jù)的時候，中文問題很好解決，setRequestHeader("Content-Type","text/html; encoding=gb18030")就可以了。但這個方法在POST方式中卻不起作用。大家都知道GET方式提交數(shù)據(jù)有長度限制，有時我們必須使用 POST方式來提交數(shù)據(jù)。
對于使用POST，
JSP的解決方法如下：
使用escape（或encodeURI，兩個函數(shù)都是JavaScript的函數(shù)，功能基本相同，可以查一下相關(guān)的幫助），但要使用兩次，這個是關(guān)鍵。
初始頁面內(nèi)容如下(
hello.jsp)：
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!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);??? //兩次，很關(guān)鍵
??? var xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
??? var URL = "act.jsp";??? //文件名需要調(diào)整成測試時的相應(yīng)位置
??? xmlObj.open("POST",URL,true);
??? xmlObj.setRequestHeader("Cache-Control","no-cache");
??? xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
??? xmlObj.send(post);??? //注意：POST方式，使用這個來發(fā)送內(nèi)容
}
</script>
</head>
<body>
<input type="button" value="提交" onclick="justdo()" />
</body>
</html>Ajax請求處理頁面(
act.jsp)的內(nèi)容如下:
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!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>
<%
//遍歷輸出參數(shù)內(nèi)容。
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("請求參數(shù): " + h + " = " + mm);
}
%>
</body>
</html>分析：當(dāng)調(diào)用request.getParameter()函數(shù)時，會自動進行一次URI的解碼過程，調(diào)用時內(nèi)置的解碼過程會導(dǎo)致亂碼出現(xiàn)。而URI編碼兩次后，request.getParameter()函數(shù)得到的是原信息URI編碼一次的內(nèi)容。再用可控的解碼函數(shù) java.net.URLDecoder.decode()就可解出原始的正確的信息。
對于ASP，可以在客戶端使用JavaScript的encodeURIComponent函數(shù)（其它編碼函數(shù)可能也行，沒有試）編碼兩次，然后ASP使用Request.Form接收后使用JavaScript的decodeURIComponent解碼一次：初始頁面內(nèi)容如下(
hello.asp)：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AJAX提交頁面</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<script type="text/javascript">
function justdo(){
??? var post = "name=" + encodeURIComponent(encodeURIComponent("王力猛"));??? //兩次
??? var xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
??? var URL = "act.asp";??? //文件名需要調(diào)整成測試時的相應(yīng)位置
??? xmlObj.open("POST",URL,true);
??? xmlObj.setRequestHeader("Cache-Control","no-cache");
??? xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
??? xmlObj.send(post);??? //注意：POST方式，使用這個來發(fā)送內(nèi)容
}
</script>
</head>
<body>
<input type="button" value="提交" onclick="justdo()" />
</body>
</html>Ajax請求處理頁面(
act.asp)的內(nèi)容如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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>
<%
Dim context
context = decodeText(Request.Form("name"))
Response.Write("name=" & context)
%>
</body>
</html><script language="javascript" runat="server">
function decodeText(str){
??? return (str == null ? "" : decodeURIComponent(str));
}
</script>ASP處理的原理跟JSP的差不多，都是在客戶端編碼兩次，在服務(wù)器端解碼一次。以上方法是我總結(jié)網(wǎng)上的方法和自己的研究寫出來的，如果朋友你有更加好的方法請指教。
（2007-6-30）