解决ajax提交表单时中文乱码的问题...

时间：2010-08-13 来源：yunzaitian163

网上搜索结合自己开发过程中遇到的情况，整理一下，以备忘：

Ajax表单提交数据出现乱码和解决办法

   //要传递的参数
   var queryString = "firstName=" + firstName + "&lastName=" + lastName
                          + "&birthday=" + birthday;    function

//GET方式提交
doRequestUsingGET() {
         createXMLHttpRequest();
        var url = "GetAndPostExample?" + queryString + "&timeStamp="
                           + new Date().getTime();
         xmlHttp.onreadystatechange = handleStateChange;
         xmlHttp.open("GET", url, true);
         xmlHttp.send(null);
}

//POST方式提交
function doRequestUsingPOST() {
         createXMLHttpRequest();
        var url = "GetAndPostExample?timeStamp=" + new Date().getTime();
         xmlHttp.open("POST", url, true);
         xmlHttp.onreadystatechange = handleStateChange;
         xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
         xmlHttp.send(queryString);
}
当在servlet接收参数时，必须要这样：
//当用POST方法时，一定要设置成utf-8，否则乱码
String firstName = new String(request.getParameter("firstName").getBytes("ISO-8859-1"), "utf-8");

//当用GET方法时，要设置成GB2312，否则乱码。
String lastName = new String(request.getParameter("lastName").getBytes("ISO-8859-1"), "GB2312");

在另一网友秋忆博客，找到了另一种方法，以下是原文的内容：

前段时间写JSP，使用AJAX以POST方式提交数据，如果是中文字符提交就会乱码，后来写ASP时用到AJAX以POST方式提交数据，中文一样是乱码。搜索一下相关资料，问题应该是提交数据时是以UTF-8编码提交，所以接收时如果使用GB2312或者其它中文编码的话就会乱码。

使用GET方式提交数据的时候，中文问题很好解决，setRequestHeader("Content-Type","text/html; encoding=gb18030")就可以了。但这个方法在POST方式中却不起作用。大家都知道GET方式提交数据有长度限制，有时我们必须使用 POST方式来提交数据。

对于使用POST，JSP的解决方法如下：
使用escape（或encodeURI，两个函数都是JavaScript的函数，功能基本相同，可以查一下相关的帮助），但要使用两次，这个是关键。

初始页面内容如下(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 protected]&bokee=http://wallimn.bokee.com";
    post = encodeURI(post);
    post = encodeURI(post);    //两次，很关键
    var xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
    var URL = "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方式，使用这个来发送内容