Ajax中文乱码问题及解决方法
场景:
使用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 } );
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
1
String type
=
request.getParameter(
"
type
"
);
2 type = URLDecoder.decode(type, " UTF-8 " );
2 type = URLDecoder.decode(type, " UTF-8 " );
方法二:ajax配置contentType属性,加上charset=UTF-8
在ajax方法中加入以下参数
1
contentType:
"
application/x-www-form-urlencoded; charset=UTF-8
"
使用其它js框架或者xhr都是差不多,设置header中contentType即可,
这里关键是charset=UTF-8,如果没有这个,是不行的,默认jQuery里的contentType是没有的.
还补充一下jQuery里对参数已经进行了一次encodeURIComponent的处理
*方法二在action里不需要进行decode,所以推荐使用此方法