`
guojch
  • 浏览: 70780 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

转:ajax乱码解决汇总

阅读更多

转自:http://blog.csdn.net/zhanngle/article/details/2063490
ajax乱码解决总结
第一,javascript沿用java的字符处理方式,内部是使用unicode来处理所有字符的,
第二,utf-8是每个汉字(unicode字符)用3个字节来存储。
第三,用utf-8来send数据是不会出现乱码的,是后台程序没有正确解码才会出现乱码。
第四,ajax发送数据的时候如果修改 Content-Type 为 application/x-www-form-urlencoded",肯定是用post方式,而“太大的数据往往会出错”是用GET方式发送数据造成的。
第五,用vbscript写的函数是用来把数据转成gbk编码(操作系统默认的编码方式。如果在繁体系统上就是big5之类的编码)的,而不是gb2312,两者的编码字符数量相差3倍左右。
第六,用cookie来发送数据,一是很容易溢出,二是要不停的擦屁股,否则cookie里面的数据在每个http请求(包括图片和脚本请求)中都会被发送。三是并发几个http请求的时候,没有办法指定那个cookie是要发送给那个http请求的。
------------------------
用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");



方法一  (这种方法不怎么可靠)
向服务器发送请求,在服务器端加入:  
    String   string   =   request.getParmater("parmater");   
          string   =   new   String(string.getBytes("ISO8859-1"),"GBK");  

服务器向客户端发送报文:  
          String   static   CONTENT_TYPE   =   "text/html;charset=GBK";   
    response.SetContentType(CONTENT_TYPE);

方法二 (不推荐使用,URLDecoder.decode()与新浏览器不兼容)
Ajax POST 中文乱码解决
看了好多篇文章,最终还是看到一篇,解决了自己的问题.

ajaxpost.js
 var myRequest; // Variable to hold request object 
function mysubmit(){ 
if (window.XMLHttpRequest) 
{ 
    myRequest = new XMLHttpRequest(); // Standards-compliant browsers 
} else if (window.ActiveXObject) 
{ 
    myRequest = new ActiveXObject("Msxml2.XMLHTTP"); // For IE 
} 

var post="name="+document.getElementById("postval").value; 
post=encodeURI(post); 
post=encodeURI(post); //最重要的部分,两次调用encodeURI ,就是编码两次
myRequest.open("POST","servlet/Display",false); 
//myRequest.setRequestHeader("contentLength",post.length); 
myRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
myRequest.send(post); 
var res=myRequest.responseText;//接收返回的数据 
document.getElementById("display").innerHTML=res; 
}


servlet

public void doPost(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException { 

  response.setContentType("text/html"); 
  response.setCharacterEncoding("GBK"); 
  PrintWriter out = response.getWriter(); 
  String name=request.getParameter("name"); 
  name=URLDecoder.decode(name,"utf8"); //post 传递的时候,一定是用utf8编码的,url 自己可以设定
  System.out.println(name); 
  out.println(name); 
  out.flush(); 
  out.close(); 
}



分析:当调用request.getParameter()函数时,会自动进行一次URI的解码过程,调用时内置的解码过程会导致乱码出现。而URI 编码两次后,request.getParameter()函数得到的是原信息URI编码一次的内容。再用可控的解码函数 java.net.URLDecoder.decode()就可解出原始的正确的信息。
方法三(还可以)

AJAX提交数据乱码,返回数据乱码的解决方案
      随着AJAX的流行,乱码问题也开始困扰着许多刚开始使用它的程序员,幸好我之前对JSP乱码有过一点研究,在遇到AJAX后,并没有给我带来多大的困扰,在此将我的一些心得共享给大家。
      万变不离其宗,AJAX的乱码问题自然跟编码有关了,其实很多人跟我一样想到了对文件编码进行设置,并且在接数据时设置了requet的编码,在返回的数据时设置了response的编码一切都以为会很顺利,可是这一切都是徒劳无功的,讨厌的乱码再一次出现在你眼前。在你试了N多种方法,包括JS自身的escape,unescape方法后,你发现乱码仍然猖狂地出现在屏幕上。
     其实在试过这N多方法后,很多人都没发现,解决的方法其实很简单,而且其答案就在我们之前处理的JSP乱码之中。让我们先看一下AJAX的经典请求代码

最后别忘了在返回数据时也设置上:


xmlhttp.open( "post", url, async );
xmlhttp.setRequestHeader( "Content-Type", "text/html" );
xmlhttp.send( params );


通过前面的说明,不知道你现在看出端倪了没有。不知道是受了网上教程的影响还是其它方面影响,setRequestHeader并是万年不变的,也没人想过去改它,而问题就正好出在这个地方。回想一个JSP页面内容的编码设置,其中有这么一节:

contentType="text/html; charset=UTF-8"


现在知道问题了吧,所以我们要把第二句代码改为:

xmlhttp.setRequestHeader( "Content-Type", "text/html;charset=UTF-8" );
 

response.setContentType( "text/xml" );
response.setCharacterEncoding( "UTF-8" );


是不是很简单,一点都不麻烦呢?
如果要问为什么的话,其实我们可以把xmlhttp看成是一个临时页面,它由浏览器动态生成,主要作用是在后台获得请求的数据(可以看成是一个高级的iframe)。所以对于普通页面设置的编码,对它也要同样设置。而在servlet中返回数据为什么要设置contentType和encoding其道理也是一样的。众所周知,jsp的最后形态就是servlet,而jsp页首设置的那个内容其实也就是让生成的servlet中生成这么两句话:

response.setContentType( "text/html" );
response.setCharacterEncoding( "UTF-8" );


而pageEncoding则是跟jvm说明了这个页面的内容要使用什么编码保存(这跟之后生成的CLASS有关系)。所以在servlet设置response的编码也是理所当然的了。

方法四(很保险,但代码量很大,是个不错的选择.)

在发送ajax请求之前,对参数escape()两次( 例:name=escape(escape("张三")); ),然后再发送请求到服务器,服务器接收参数后,对参数unescape(),就可以得到正确的参数( 例:String name=unescape(request.getParameter("name")); ).

附java版的unescape实现

public static String unescape (String src)
 {
    StringBuffer tmp = new StringBuffer();
    tmp.ensureCapacity(src.length());
    int lastPos=0,pos=0;
    char ch;
    while (lastPos<src.length())
    {
     pos = src.indexOf("%",lastPos);
     if (pos == lastPos)
      {
      if (src.charAt(pos+1)=='u')
       {
       ch = (char)Integer.parseInt(src.substring(pos+2,pos+6),16);
       tmp.append(ch);
       lastPos = pos+6;
       }
      else
       {
       ch = (char)Integer.parseInt(src.substring(pos+1,pos+3),16);
       tmp.append(ch);
       lastPos = pos+3;
       }
      }
     else
      {
      if (pos == -1)
       {
       tmp.append(src.substring(lastPos));
       lastPos=src.length();
       }
      else
       {
       tmp.append(src.substring(lastPos,pos));
       lastPos=pos;
       }
      }
    }
    return tmp.toString();
 }


附:prototype ajax乱码解决方法(已经过测试可行)
prototype对传递的参数都进行了编码转换工作,每个传递值通过encodeURIComponent 进行了处理.编码会被转换成utf-8,在后台获取request时,应该统一使用request.setCharacterEncoding("UTF-8")对request设置编码,而不必管页面的编码格式是什么.如果使用post方法进行传递数据,则会自动执行:
   request.setHeader('Content-type','application/x-www-form-urlencoded').确保传递数据编码格式的正确.
分享到:
评论

相关推荐

    ajax乱码解决汇总

    本文将深入探讨Ajax乱码问题的成因及其解决方案。 首先,我们需要了解JavaScript和Unicode的关系。JavaScript内部处理字符时,采用的是Unicode编码,这是一种包含几乎全球所有语言字符的通用编码标准。而UTF-8是一...

    springmvc 发送ajax出现中文乱码的解决方法汇总

    以下将详细介绍四种解决Spring MVC中处理Ajax请求时中文乱码的方法。 ### 方法一:在@RequestMapping注解中指定字符集 在控制器的方法上添加`@RequestMapping`注解,并明确指定`produces`属性为`"text/html;...

    java文件JSP文件乱码汇总

    本文将深入探讨Java与JSP文件乱码的问题,提供一系列解决方案,确保数据正确无误地在不同平台和系统之间传递。 #### 一、统一字符集设置 **问题描述**:在项目开发中,由于Java默认使用UTF-8编码,但在实际操作中...

    java web 开发乱码汇总

    #### 一、乱码问题的根源及解决方案概述 乱码问题在Java Web开发中是一个常见的问题,尤其是在处理国际化应用时更为突出。问题的根本原因在于计算机字符编码方式的多样性和标准的不统一。由于全球各地的语言文字...

    使用AJAX实现UTF8编码表单提交到GBK编码脚本无乱码的解决方法

    本文将探讨如何使用AJAX技术解决UTF8编码的表单提交到GBK编码脚本时出现的乱码问题,以及如何处理不同编码的表单数据在同一个页面上的汇总。 首先,了解基本的编码知识是必要的。GBK是基于GB2312的汉字编码标准,它...

    .Net获取URL中文参数值的乱码问题解决方法总结

    文章提到的“***操作json技巧总结”、“***字符串操作技巧汇总”、“***操作XML技巧总结”、“***文件操作技巧汇总”、“*** ajax技巧总结专题”以及“***缓存操作技巧总结”这些专题都是对.NET开发中常见问题的解决...

    JSP开发教程和源码收藏

    《struts框架的验证例子》和《struts2中中文乱码处理》提供了如何使用Struts进行表单验证和解决中文乱码问题的具体实践。 - **Hibernate**:Hibernate是一个强大的对象关系映射(ORM)工具,简化了Java应用程序与...

    答辩常见问题汇总.doc

    【答辩常见问题汇总】 在答辩过程中,可能会遇到各种与项目相关的问题,这些问题涵盖了数据库连接、系统测试、网页设计等多个方面。以下是对这些知识点的详细解释: 1. **数据库连接**:通常通过Java的JDBC(Java ...

    supesite7.5 采集 所有CSDN下载的采集工具打包汇总

    标题 "supesite7.5 采集 所有CSDN下载的采集工具打包汇总" 暗示了这是一个集合了多个用于采集数据的工具,主要用于处理与supesite7.5相关的数据获取任务。Supesite是一款流行的内容管理系统(CMS),常用于构建和...

    Java Web编程宝典-十年典藏版.pdf.part2(共2个)

    3.4.2 解决中文乱码 3.4.3 获取客户端数据 3.5 response回应对象的应用 3.5.1 HTTP头信息的操作 3.5.2 设置MIME类型 3.5 13页面重定向操作 3.6 Session会话对象的应用 3.6.1 session的生命周期 3.6.2 会话的创建与...

Global site tag (gtag.js) - Google Analytics