AJAX中文乱码的两类问题
AJAX中文问题分为两大类:
1)发送路径中的参数有中文,在服务器段接收参数值是乱码
例如:
var url="a.jsp?name=小李";
xmlHTTP.open ("post",url,true);
解决办法:
利用javascript的提供的escape()或encodeURI()方法
例如:
客户端:
var url="a.jsp?name=小李";
url=encodeURI(url);
url=encodeURI(url); //两次,很关键[具体为什么,我也不清楚]
/********************************************/
也有人写成var url="a.jsp?name=escape("小李")";
功能和encodeURI方法类似。
/********************************************/
xmlHTTP.setrequestheader("cache-control","no-cache");
xmlHTTP.setrequestheader("Content-Type","application/x-www-form-urlencoded");
xmlHTTP.setrequestheader("contentType","text/html;charset=uft-8")//指定发送数据的编码格式
xmlHTTP.open ("post",url,true);
服务器端:
String name = request.getParameter("name");
name = java.net.URLDecoder.decode("name", "UTF-8");
2)返回来的responseText或responseXML的值中含有中文是乱码
原因:AJAX在接收responseText或responseXML的值的时候是按照UTF-8的格式来解码的,如果服务器段发送的数据不是UTF-8的格式,那么接收responseText或responseXML的值有可能为乱码。
解决办法:在服务器指定发送数据的格式:
在jsp文件中:
response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件
或是
response.setContentType("text/xml;charset=UTF-8");//返回的xml文件
总结:1)ajax提交数据的格式默认为utf-8,利用javascript的提供的escape()或encodeURI()方法。在服务器端接收的时候要使用Java.net.URLDecoder.decode("","UTF-8")方法进行解码。
2)xtmlhttp 返回的数据默认的字符编码是utf-8,所以服务器要向客户端发送数据的时候,也要采用utf-8编码
如果上述方法仍然解决不了乱码问题,那你尝试一下把jsp,htm,java文件用UTF-8编码格式保存。
Ajax中文乱码问题及解决方法
java认证备考:Ajax中文乱码问题及解决方法,data:{id:1, type:encodeURI(encodeURI('商品'))}2.在后台action里要对取得的字符串进行decode。
场景:
使用jQuery的ajax方法提交ajax请求,代码如下:
1$.ajax({
2 dataType : 'json'
3 ,type : 'POST'
4 ,url : 'http://localhost/test/test.do'
5 ,data : {id: 1, type: '商品'}
6 ,success : function(data){
7
8 }
9});
问题:
提交后后台action程序时,取到的type是乱码
解决方法:
方法一:提交前采用encodeURI两次编码,记住一定是两次
1.修改以下代码
data:{id:1, type:encodeURI(encodeURI('商品'))}2.在后台action里要对取得的字符串进行decode
1String type = request.getParameter("type");
2type = URLDecoder.decode(type, "UTF-8");
方法二:ajax配置contentType属性,加上charset=UTF-8
在ajax方法中加入以下参数
1contentType: "application/x-www-form-urlencoded; charset=UTF-8"使用其它js框架或者xhr都是差不多,设置header中contentType即可,
这里关键是charset=UTF-8,如果没有这个,是不行的,默认jQuery里的contentType是没有的。
还补充一下jQuery里对参数已经进行了一次encodeURIComponent的处理
*方法二在action里不需要进行decode,所以推荐使用此方法
浙公网安备 33010602011771号