jquery的ajax()函数传值中文乱码解决方法介绍

jquery的ajax()函数传值中文乱码解决方法介绍，需要的朋友可以参考下

复制代码代码如下:

$.ajax({

　dataType:‘json',type:‘POST',url:‘http://localhost/test/test.do',data:{id:1,type:‘商品'},success:function(data){}});

问题:

提交后后台action程序时,取到的type是乱码

解决方法:

方法一:提交前采用encodeURI两次编码,记住一定是两次

1.修改以下代码

复制代码代码如下:

data:{id:1,type:encodeURI(encodeURI(‘商品'))}

2.在后台action里要对取得的字符串进行decode

1、Stringtype=request.getParameter(“type”);

2、type=URLDecoder.decode(type,“UTF-8〃);

方法二:ajax配置contentType属性,加上charset=UTF-8

在ajax方法中加入以下参数

contentType:“application/x-www-form-urlencoded;charset=UTF-8〃使用其它js框架或者xhr都是差不多,设置header中contentType即可,

这里关键是charset=UTF-8,如果没有这个,是不行的,默认jQuery里的contentType是没有的

一、测试环境

jQuery:1.3.2

tomcat:5.5.17

二、测试方法

1.使用get方式

服务器端java代码：

复制代码代码如下:

Stringname=newString(request.getParameter("name").getBytes("iso8859-1"),"utf-8");

客户端js代码：

复制代码代码如下:

$.ajax({url:"2.jsp",type:"get",data:{name:"中文"},success:function(response){

alert(response);

}});

结果：正确显示

复制代码代码如下:

$.ajax({url:"2.jsp",type:"get",data:"name=中文",success:function(response){

alert(response);

}});

结果：乱码

复制代码代码如下:

$.get("2.jsp",{name:"中文"},function(response){

alert(response);

});

结果：正确显示

复制代码代码如下:

$.get("2.jsp","name=中文",function(response){

alert(response);

});

结果：乱码

2.post方式

服务器端java代码：

复制代码代码如下:

request.setCharacterEncoding("UTF-8");

Stringname=request.getParameter("name");

客户端js代码：

复制代码代码如下:

$.ajax({url:"3.jsp",type:"post",data:"method=testAjaxPost&name=中文",success:function(response){

alert(response);

}});

结果：正确显示

复制代码代码如下:

$.ajax({url:"3.jsp",type:"post",data:{name:"中文"},success:function(response){

alert(response);

}});

结果：正确显示

复制代码代码如下:

$.post("3.jsp",{name:"中文"},function(response){

alert(response);

});

结果：正确显示

复制代码代码如下:

$.post("3.jsp","name=中文",function(response){

alert(response);

});

结果：正确显示

三、使用filter

复制代码代码如下:

publicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,

FilterChainchain)throwsIOException,ServletException{

HttpServletRequestreq=(HttpServletRequest)request;

if(req.getHeader("X-Requested-With")!=null&&req.getHeader("X-Requested-With").equalsIgnoreCase("XMLHttpRequest")){

request.setCharacterEncoding("utf-8");

}else{

request.setCharacterEncoding("gbk");

}

chain.doFilter(request,response);

}

jQuery在使用ajax的时候会在header中加入X-Requested-With，值为：XMLHttpRequest，filter中判断是jQuery的ajax请求时就把字符编码设为utf8，这样可以解决post提交中的中文乱码问题，不需要在代码中设置request.setCharacterEncoding("UTF-8");

对于get方式的中文乱码问题，建议不使用get方式提交中文，统统改为post^-^

为了和prototype.js处理中文的方式一致，可以使用如下的方式，自定义header中的属性RequestType

复制代码代码如下:

$.ajax({

url:"3.jsp",

type:"post",

data:{name:"中文"},

beforeSend:function(XMLHttpRequest){

XMLHttpRequest.setRequestHeader("RequestType","ajax");

alert("开始");

},

success:function(data,textStatus){

alert(data);

},

error:function(XMLHttpRequest,textStatus,errorThrown){

alert("错误："+textStatus);

},

complete:function(XMLHttpRequest,textStatus){

alert("完成："+textStatus);

}

});

filter代码如下：

复制代码代码如下:

publicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,

FilterChainchain)throwsIOException,ServletException{

HttpServletRequestreq=(HttpServletRequest)request;

if(req.getHeader("RequestType")!=null&&req.getHeader("RequestType").equalsIgnoreCase("ajax"))){

request.setCharacterEncoding("utf-8");

}else{

request.setCharacterEncoding("gbk");

}

chain.doFilter(request,response);

}