AJAX 编码问题分析

1、 要发送的内容：

格式：xml；编码：utf-8

AJAX

编码：utf-8（req.getCharacterEncoding();读出客户端编码为utf-8）

servlet

编码：缺省（request位设置编码）

结果：

//注意：tempContent输出未标明正常的，均为不正常

log.debug("encoding=" + encoding); //encoding=utf-8

log.debug("tempContent=" + tempContent); //正常                        
log.debug("3tempContent=" + new String(tempContent.getBytes("gb2312"),"gb2312")); //正常           
log.debug("5tempContent=" + new String(tempContent.getBytes("UTF-8"),"UTF-8")); //正常             
log.debug("8tempContent=" + new String(tempContent.getBytes("UTF-8"),"ISO8859-1")); //正常

<pre></pre>

下面代码为XML内容生成代码：

	 function makeXmlTemp() {
	 	var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async = false;
		
		var p = xmlDoc.createProcessingInstruction("xml","version=\"1.0\" encoding=\"utf-8\"");
		xmlDoc.appendChild(p);
		var root = xmlDoc.createElement('ocr');
		xmlDoc.appendChild(root);
	 	
		
		//alert(xmlDoc.xml);
		var str = xmlDoc.xml;
		str = str.replace('?>', ' encoding=\"utf-8\"?>');
		return str;	
	}

下面代码为AJAX 发送代码：

//AJAX请求,使用同步方法
function ajaxRequest(url, param, method){ 
    var xmlHttp;   
    var rs;   
    var isie = true;  

    if(window.ActiveXObject){   
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   
        isie = true;   
    }else if(window.XMLHttpRequest){   
        xmlHttp = new XMLHttpRequest();   
    }   
    try{   
        if(isie == false ){   
            xmlHttp.open("GET", url, false);   
            xmlHttp.overrideMimeType("text/html;charset=gb2312");   
            xmlHttp.send(null);   
            //alert(xmlHttp.responseText);  
            alert("只支持IE！");
        }else{            
            if(method == 'POST'){                
                xmlHttp.open("POST", url, false);  
                xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"); 
                xmlHttp.send(param);                 
            }else{
                xmlHttp.open("GET", url, false);
                xmlHttp.send(null);                 
            }                
  
            if(xmlHttp.readyState == 4){           
                if (xmlHttp.status == 200 || xmlHttp.status == 0){   
                    return xmlHttp.responseText;  
                } 
            }   
        }   
    }catch(exception){   
        alert('exception!');
        //alert('exception:'+exception.message);   
    }
}      


var tempDat = makeXmlTemp();
//alert('tempDat=' + tempDat);
        

$i('txtTempFields').value = tempDat;         
 
 
var tempUrl = url.getURI();
alert(tempUrl);
var params = 'tempName=' + tempName + '&tempContent=' + encodeURIComponent(tempDat);
var echo = ajaxRequest(tempUrl, params,'POST');
alert(echo);

下面为servlet 代码：

void doPost(HttpServletRequest req, HttpServletResponse resp)
        throws ServletException, IOException {
    String encoding = req.getCharacterEncoding();
    log.debug("encoding=" + encoding);
    //req.setCharacterEncoding("utf-8");    
    try {
        String tempName    = req.getParameter("tempName");
        String tempContent = req.getParameter("tempContent");
        
        String rv = SUCCESS;

        log.debug("tempName=" + tempName);

                log.debug("tempContent=" + tempContent);
            
                log.debug("1tempContent=" + new String(tempContent.getBytes("ISO8859-1"),"gb2312"));
                log.debug("2tempContent=" + new String(tempContent.getBytes("UTF-8"),"gb2312"));
                log.debug("3tempContent=" + new String(tempContent.getBytes("gb2312"),"gb2312"));
            
                log.debug("4tempContent=" + new String(tempContent.getBytes("ISO8859-1"),"UTF-8"));
                log.debug("5tempContent=" + new String(tempContent.getBytes("UTF-8"),"UTF-8"));  
                log.debug("6tempContent=" + new String(tempContent.getBytes("gb2312"),"UTF-8"));
            
                log.debug("7tempContent=" + new String(tempContent.getBytes("ISO8859-1"),"ISO8859-1"));
                log.debug("8tempContent=" + new String(tempContent.getBytes("UTF-8"),"ISO8859-1"));
                log.debug("9tempContent=" + new String(tempContent.getBytes("gb2312"),"ISO8859-1"));

                tempContent = URLDecoder.decode(tempContent,"UTF-8");
                log.debug("8tempContent=" +URLDecoder.decode(tempContent,"UTF-8"));} 
     catch (Exception e) {
         e.printStackTrace();log.error("savaTempData failed.", e);
     }
}

2、 要发送的内容：

格式：xml；编码：gb2312

AJAX

编码：utf-8（req.getCharacterEncoding();读出客户端编码为utf-8）

servlet

编码：缺省（reqest未设置编码）

结果：

log.debug("encoding=" + encoding); //encoding=utf-8

log.debug("tempContent=" + tempContent); //正常                        
log.debug("3tempContent=" + new String(tempContent.getBytes("gb2312"),"gb2312")); //正常                        
log.debug("5tempContent=" + new String(tempContent.getBytes("UTF-8"),"UTF-8")); //正常            
log.debug("8tempContent=" + new String(tempContent.getBytes("UTF-8"),"ISO8859-1")); //正常 

可以看出后台能正确解码与XML的编码无关。

3、 要发送的内容：

格式：xml；编码：gb2312

AJAX

编码：位设置（req.getCharacterEncoding();读出客户端编码为null）

  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

servlet

编码：缺省（reqest未设置编码）

结果：

log.debug("encoding=" + encoding); //encoding=null
log.debug("4tempContent=" + new String(tempContent.getBytes("ISO8859-1"),"UTF-8")); //正常

4、 要发送的内容：

格式：xml；编码：gb2312

AJAX

编码：位设置（req.getCharacterEncoding();读出客户端编码为null）

  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;);

servlet

编码：

  req.setCharacterEncoding("utf-8"); //或者使用下面的语句
            //req.setCharacterEncoding("ISO8859-1");

结果：

与3相同。可见，req指定编码并不能正常输出，需要转码。并且和使用encodeURIComponent()与否无关（使用一次）。

5、 要发送的内容：

格式：xml；编码：gb2312

AJAX

编码：gbk（req.getCharacterEncoding();读出客户端编码为gbk）

  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

servlet

编码：

        req.setCharacterEncoding("utf-8"); //或者使用下面的语句
            //req.setCharacterEncoding("ISO8859-1");

结果：

均不能正常解码。

总结

通过实验可以看出，AJAX post数据的编码和数据本身无关，和SERVLET是否设置编码无关：

req.setCharacterEncoding("utf-8")

仅和AJAX使用的编码有关,并且只能是utf-8(不是utf-8有可能吗？)：

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");

若自己封装AJAX函数时，不要忘记指定字符集属性:charset=utf-8