ajax 数据传递中的乱码问题

最新推荐文章于 2024-07-29 18:00:00 发布

iteye_2314

最新推荐文章于 2024-07-29 18:00:00 发布

阅读量92

点赞数

文章标签： java javascript php ViewUI

最近做一个小项目，碰到这个问题，很让人恼火。

用的是ajax+jsp+struts 的结构

js代码如下：

 
  //创建XMLHttpRequest对象  
 functioncreateXMLHttpRequest(){ 
 if(window.XMLHttpRequest){//Mozilla浏览器  
 XMLHttpReq=newXMLHttpRequest(); 
}
 elseif(window.ActiveXObject){//IE浏览器  
 try{ 
 XMLHttpReq=newActiveXObject("Msxml2.XMLHTTP"); 
 }catch(e){ 
 try{ 
 XMLHttpReq=newActiveXObject("Microsoft.XMLHTTP"); 
 }catch(e){} 
}
}
}
 //发送页面请求函数  
 functionsendDataRequest(){ 
var url = "/resetPage.action?doing=buttonVal";
createXMLHttpRequest();
 XMLHttpReq.open("GET",url,true); 
 XMLHttpReq.setRequestHeader("Content-Type","text/html;charset=GBK"); 
 XMLHttpReq.onreadystatechange=processDataResponse;//指定响应函数  
 XMLHttpReq.send(null);//发送请求  
}
 //处理返回的信息  
 functionprocessDataResponse(){ 
 if(XMLHttpReq.readyState==4){//判断对象状态  
 if(XMLHttpReq.status==200){//信息已经成功返回，开始处理信息  
updateButton();
 }else{//页面不正常  
 alert("您所请求的页面有异常"); 
}
}
}
 functionupdateButton(){ 
 varstr=XMLHttpReq.responseText; 
alert(str);
}
 

java代码：

 
  publicActionForwardbuttonVal ActionMappingmapping,ActionFormform,HttpServletRequestrequest,HttpServletResponseresponse)throwsException{ 
 Stringstr="返回"; 
 //传回响应数据  
PrintWriterout=response.getWriter();
 response.setContentType("text/html;charset=GBK"); 
 response.setHeader("Cache-Control","no-cache"); 
 response.setCharacterEncoding("UTF-8"); 
 System.out.println("===responseCharacterEncoding==="+response.getCharacterEncoding()); 
 System.out.println("===response==ContentType==="+response.getContentType()); 
 out.write(str); 
  out.close(); 
 returnmapping.findForward(null); 
}
 

我的jsp代码里的编码<%@ page contentType="text/html; charset=GBK"%>

现在问题来了，返回的str总是??，baidu、Google 都是下面的解决办法：

Answer 1：

用AJAX来GET回一个页面时，responseText里面的中文多半会出现乱码，这是因为XMLHttp在处理返回的responseText的时候，是把resposeBody按UTF-8编码进解码考形成的，如果服务器送出的确实是UTF-8的数据流的时候汉字会正确显示，而送出了GBK编码流的时候就乱了。解决的办法就是在送出的流里面加一个Header，指明送出的是什么编码流，这样XMLHttp就不会乱搞了。

PHP:header(’Content-Type:text/html;charset=GB2312′);
ASP:Response.Charset(”GB2312″)
JSP:response.setHeader(”Charset”,”GB2312″);

Answer 2：

自己在js里写一个转码的函数。可以参考vbscript的实现。

以下是一段参考代码：

 
  <scriptlanguage="vbscript"> 
 Functionstr2asc(strstr) 
str2asc=hex(asc(strstr))
 EndFunction 
 Functionasc2str(ascasc) 
asc2str=chr(ascasc)
 EndFunction 
</script>
 

Answer 3：

xtmlhttp 返回的数据默认的字符编码是utf-8,所以服务器要向客户端发送数据的时候,也要采用utf-8编码.如果上述方法仍然解决不了乱码问题,那你尝试一下把jsp,htm,java文件用UTF-8编码格式保存.

我尝试用方法1中的解决办法，在java代码中处理返回数据时添加了response.setHeader(”Charset”,”GBK″);没有效果！试了几种编码方式都不行。郁闷！。。。 在java的systemout 中打出来的log如下： <div class="highlighter"> <ol class="highlighter-c"> <li>===responseCharacterEncoding===ISO-8859-1</li> <li class="alt">===response==ContentType===text/html;charset=ISO-8859-1</li> </ol> </div> 看了这个log无语了，在java代码里的设置没有起作用！！看来是在Action中的HttpServletResponseresponse参数就已设置了CharacterEncoding，后面的修改都不起作用。 偶然在网上看到一个关于javascript 的函数 escape ，然后Google了下，发现这个函数有点用，可以对字符进行转码，现在理解相当于是给你的字符加了层外壳。那在传值的时候就可以用escape“包装”下你的request的中文字符，传给后台java代码，然后在后台接收的时候，用unescape解开“包装”。处理完毕返回response的时候，在把处理好的数据用escape“包装”起来，这样在ajax的js代码中，我们就可以再使用unescape解开处理好的“数据包”。按照这个思路，成功解决了ajax传值的中文乱码问题！（呼~ 总算解决了，郁闷好多天了）。 下面是后台java代码中要用到的escape、Unescape。可以编写一个类，专门存放 <div class="highlighter"> <ol class="highlighter-j"> <li> publicclassEscapeUnescape{ </li> <li class="alt"></li> <li> publicstaticStringescape(Stringsrc) </li> <li class="alt">{</li> <li> inti; </li> <li class="alt"> charj; </li> <li> StringBuffertmp=newStringBuffer(); </li> <li class="alt"> tmp.ensureCapacity(src.length()*6); </li> <li></li> <li class="alt"> for(i=0;i<src.length();i++){ </li> <li>j=src.charAt(i);</li> <li class="alt"> if(Character.isDigit(j)||Character.isLowerCase(j)|| </li> <li>Character.isUpperCase(j))</li> <li class="alt">tmp.append(j);</li> <li> else{ </li> <li class="alt"> if(j<256){ </li> <li> tmp.append("%"); </li> <li class="alt"> if(j<16) </li> <li> tmp.append("0"); </li> <li class="alt"> tmp.append(Integer.toString(j,16)); </li> <li> }else{ </li> <li class="alt"> tmp.append("%u"); </li> <li> tmp.append(Integer.toString(j,16)); </li> <li class="alt">}</li> <li>}</li> <li class="alt">}</li> <li> returntmp.toString(); </li> <li class="alt">}</li> <li></li> <li class="alt"> publicstaticStringunescape(Stringsrc) </li> <li>{</li> <li class="alt"> StringBuffertmp=newStringBuffer(); </li> <li>tmp.ensureCapacity(src.length());</li> <li class="alt"> intlastPos=0,pos=0; </li> <li> charch; </li> <li class="alt"> while(lastPos<src.length()){ </li> <li> pos=src.indexOf("%",lastPos); </li> <li class="alt"> if(pos==lastPos){ </li> <li> if(src.charAt(pos+1)=='u'){ </li> <li class="alt"> ch=(char)Integer.parseInt(src.substring(pos+2,pos+6), </li> <li> 16); </li> <li class="alt">tmp.append(ch);</li> <li> lastPos=pos+6; </li> <li class="alt"> }else{ </li> <li> ch=(char)Integer.parseInt(src.substring(pos+1,pos+3),16); </li> <li class="alt">tmp.append(ch);</li> <li> lastPos=pos+3; </li> <li class="alt">}</li> <li> }else{ </li> <li class="alt"> if(pos==-1){ </li> <li>tmp.append(src.substring(lastPos));</li> <li class="alt">lastPos=src.length();</li> <li> }else{ </li> <li class="alt">tmp.append(src.substring(lastPos,pos));</li> <li>lastPos=pos;</li> <li class="alt">}</li> <li>}</li> <li class="alt">}</li> <li> returntmp.toString(); </li> <li class="alt">}</li> <li></li> <li class="alt"></li> <li>}</li> </ol> </div> JavaScript 中可以直接使用escape和Unescape。 方法2、3有点复杂，增加了代码量和修改量，暂时不做考虑。 至此，终于对这个问题有了个交代，现在写出来，希望能给大家做个参考，同时，代码比较简单，写的比较仓促，希望大家多多提意见，有好的方法一起探讨。

iteye_2314

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 数据传递中的乱码问题

最近做一个小项目，碰到这个问题，很让人恼火。用的是ajax+jsp+struts 的结构js代码如下：//创建XMLHttpRequest对象 functioncreateXMLHttpRequest(){if(window.XMLHttpRequest){//Mozilla浏览器 XMLHttpReq=newXMLHttpRequest();...
复制链接

扫一扫