转：解决AJAX传送中文会导致乱码的问题_小组_ThinkSAAS
转：解决AJAX传送中文会导致乱码的问题
转：解决AJAX传送中文会导致乱码的问题
解决AJAX传送中文会导致乱码的问题
//如果传送参数是直接赋予的，就会产生乱码!
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val);
//如果val的值为中文，则产生乱码
//解决方法很简单：使用javascript中的escape(string) 函数
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+escape(val));
//val的值为中文不会产生乱码
关于在AJAX中GET回的ResponseText中文乱码的最简解决办法
用AJAX来GET回一个页面时，RESPONSETEXT里面的中文多半会出现乱码，这是因为xmlhttp在处理返回的responseText的时候，是把resposeBody按UTF-8编码进解码考形成的，如果服务器送出的确实是UTF-8的数据流的时候汉字会正确显示，而送出了GBK编码流的时候就乱了。解决的办法就是在送出的流里面加一个HEADER，指明送出的是什么编码流，这样XMLHTTP就不会乱搞了。
PHP:header('Content-Type:text/charset=GB2312');
ASP:Response.Charset("GB2312")
JSP:response.setHeader("Charset","GB2312");
=======================================================
/***********本人原创，欢迎转载，转载请保留本人信息*************/
作者：王力猛 (wallimn)
/***********本人原创，欢迎转载，转载请保留本人信息*************/
　　今天终于解决了AJAX的中文乱码问题，写篇文章来帮助一下有同样问题的朋友们。我的开发环境：XP, eclipse,使用GB18030编码。
　　当遇到这个问题时，到网上去查了好多文章，提到几种解决方案，如：全站UTF-8编码；请求头编码为中文；使用javascript中的escape函数。
　　使用GET方式提交数据的时候，中文问题很好解决，setrequestheader("Content-Type","text/ encoding=gb18030")就可以了。但这个方法在POST方式中却不起作用。大家都知道GET方式提交数据有长度限制，有时我们必须使用POST方式来提交数据。
　　但对于POST方式，使用上述的几种方法经过多次测试，问题依旧。我郁闷了好几天。
　　今天把问题解决了，很简单，是使用escape(或encodeURI，两个函数javascript的函数，功能基本相同，可以查一下相关的帮助），但要使用两次，这是解决问题的关键。
　　我的例子涉及两个页面，一个是初始页面，一个是AJAX请求处理页面。
　　初始页面内容如下(hello.jsp)：
/////////////////////////////////////////////////////////////////////////////////////
&%@ page language="java"import="java.util.*"pageEncoding="GB18030"%&
&%String path = request.getContextPath();%&
&!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&AJAX提交页面&/title&
&meta http-equiv="Content-Type"content="text/ charset=GB18030"&
&script type="text/javascript"&
function justdo(){
var post="name=王力猛";
post = encodeURI(post);
post = encodeURI(post);//两次，很关键
var xmlObj = new ActiveXObject('Msxml2.XMLHTTP');
var URL = '&%= path%&/page/act.jsp';//文件名需要调整成测试时的相应位置?
xmlObj.open ('post',URL,true);
xmlObj.setrequestheader("cache-control","no-cache");
xmlObj.setrequestheader("Content-Type","application/x-www-form-urlencoded");
xmlObj.send (post);//注意:POST方式，使用这个来发送内容?
&input type="button"value="提交"onclick="justdo()"/&
/////////////////////////////////////////////////////////////////////////////////////
　　ajax请求处理页面（act.jsp）的内容如下:
/////////////////////////////////////////////////////////////////////////////////////
&%@ page language="java"import="java.util.*"pageEncoding="GB18030"%&
&%String path = request.getContextPath();%&
&!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"&
&import="java.net.URLDecoder"%&
&title&ajax deal&/title&
&meta http-equiv="pragma"content="no-cache"&
&meta http-equiv="cache-control"content="no-cache"&
&meta http-equiv="expires"content="0"&
//遍历输出参数内容。
for (Enumeration e = request.getParameterNames(); e.hasMoreElements();) {
String h = (String) e.nextElement();
String v = request.getParameter(h);
String mm =
java.net.URLDecoder.decode(v,"UTF-8");
System.out.println("请求参数:"+ h +"="+ mm);
/////////////////////////////////////////////////////////////////////////////////////
　　分析：当调用request.getParameter()函数时，会自动进行一次URI的解码过程，调用时内置的解码过程会导致乱码出现。而URI编码两次后，request.getParameter()函数得到的是原信息URI编码一次的内容。再用可控的解码函数java.net.URLDecoder.decode()就可解出原始的正确的信息。
　　以上分析纯属个人看法，不知是否正确。
用过AJAX的朋友肯定知道javascript是使用UTF-8国际编码，即每个汉字用4个字节来存储，但是这就造成了用AJAX来send数据的时候出现乱码。
有一种解决办法就是使用encodeURIComponent加上修改 Content-Type 为 application/x-www-form-urlencoded"来把数据统一编码成 url 格式，当然，也可以指定编码,如：“application/x-www-form- charset=utf-8 ”，例子：http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request.setrequestheader("content-type","application/x-www-form- charset=utf-8");
另一种方法就是通过vbscript 的写的函数把数据转成gb2312格式的，我个人觉得这种方法比较好。有兴趣的朋友可以到网上去查一下。
也可以在js发送数据之前用escape函数把data转换为16进制的字符串，用js读取数据的时候再用unescape转换回来就ok了。
今天突发奇想，AJAX调用的时候会不会发送cookie 呢？马上写了一个程序测试一下，果然能，这样就可以在调用ajax之前，先把数据通过javascript写到cookie里，然后再send就可以将cookie里的数据发送出去了，太爽了！！
演示地址:/ajax/ajax12.htm
客户端代码 ajax.htm
&title&AJAX使用cookie传值例子&/title&
function getXML()
setcookie($('name').value,$('val').value);
oDiv = document.all.m
oDiv.innerHTML ="正在装载，请稍侯......."
oDiv.style.display=""
xh = new ActiveXObject("Microsoft.XMLHTTP")
xh.onreadystatechange = getReady
xh.open("POST","a.php",false)
xh.send();
function getReady()
if(xh.readyState==4)
if(xh.status==200)
oDiv.innerHTML ="完成"
oDiv.innerHTML ="抱歉，装载数据失败。原因："+ xh.statusText
} //author : longbill
function setcookie(name,value)
var cookiestr=name+"="+value+";";
var expires ="";
var cookieexp=60*60*1000;
var d = new Date();
d.setTime( d.getTime() + cookieexp);
expires ="expires="+ d.toGMTString()+";";
document.cookie = cookiestr+
function $(a)
return document.getElementById(a);
AJAX使用cookie传值例子:&br/&
&form name=myform&
name:&input id=name
value="变量名甚至可以是中文"size=20&&br/&
value:&input type=text size=20 id=val value=这里&&br/&
&input onclick="getXML()"type="button"value="送出数据"&
&input onclick="if(xh && xh.responseText) {alert(xh.responseText);}"type="button"value="显示返回结果"&&br/&
&div id=m bgcolor=blue&在此显示状态&/div&
&input type=button onclick="alert(document.cookie)"value=显示本地COOKIE&
服务器端代码 a.php
header("Content-type: text/charset=GB2312");
echo"以下是您送出的所有COOKIE变量及其值n";
print_r($_COOKIE);
----------------
第一，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/charset=GB2312');
ASP:Response.Charset("GB2312")
JSP:response.setHeader("Charset","GB2312");
使用ajax获取服务器数据返回给客户端，出现中文乱码。在之前的一个ajax应用中指定codepage=936，将所有页面编码都指定为GB2312即可解决。
这次的应用中却无起作用了，经过多次的试验，客服端的编码应该绝对没有问题的。可以判断问题一定出在服务器端。稍微分析一下可知虽然服务器端指定了文件的编码格式，但对于服务器输出流就成为了怀疑的对象。由于使用MS SQL2000，采用unicode编码，所以返回数据给客户端将会出现unicode编码的中文在gb2312编码页面显示的问题。于是在服务器端输出流加一个HEADER：
ASP程序中加入&%Response.Charset ="GB2312"%&即解决了这个问题。
同样在php和jsp程序中的书写类似
PHP:header('Content-Type:text/charset=GB2312');
JSP:response.setHeader("Charset","GB2312");
ajax产生乱码的原因整理如下
1、xtmlhttp 返回的数据默认的字符编码是utf-8，如果客户端页面是gb2312或者其它编码数据就会产生乱码
2、post方法提交数据默认的字符编码是utf-8，如果服务器端是gb2312或其他编码数据就会产生乱码
解决办法有：
1、若客户端是gb2312编码，则在服务器指定输出流编码
2、服务器端和客户端都使用utf-8编码
用户评论(0)
开发技术学习小组列表
PHP开发框架
缓存Memcache
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
手机客户端
ThinkSAAS接收任何功能的Iphone(IOS)和Android手机的客户端定制开发服务
让ThinkSAAS更好，把建议拿来。
iphone扫码下载客户端jsonp请求url长度过长的替代（ajaxcdr的使用） - 推酷
jsonp请求url长度过长的替代（ajaxcdr的使用）
问题描述：跨域使用jsonp时url过长的问题
问题解释：跨域请求时，若用jsonp请求（详情见：
）jsonp因是请求的script标签，所以都是get请求，get请求的参数当然是在url后面传过去的了。因浏览器对url有长度限制，所以当提交一篇文章的长度时，就会出现url长度过长的错误。导致请求失败
解决办法：因之前用过uploadify插件上传文件，他是用flash的跨域提交实现的（基于安全沙箱策略文件crossdomain.xml，详情：
），所以想到肯定有用flash解决跨域请求的问题， google了“flash ajax插件”查到
&（ajaxcdr的两个文件可在这个链接页面下载）
这位博主实现了用flash跨域请求（get，post方式）。
1.在被请求的站点下的根目录放置安全沙箱策略文件crossdomain.xml，详情（
2.（ajaxcdr包含两个文件）页面引入ajaxcdr.js（一定要引入在&/body& 结束符之前。否则，在IE下无法生效。也可能提示flash版本问题什么的），在ajaxcdr.js中搜索“var swfName”将其值替换为ajaxcdr.swf的路径。例如：var swfName = &/Content/ajaxcdr/ajaxcdr.swf&;
1.ajaxcdr.js文件有个方法定义为$()与Jquery冲突，将其改成ajaxcdr或者其他，并在下边56行左右调用的时候改成相同的即可
2.该文件定义的发送请求的函数AjaxCrossDomainRequest第三个参数必须是formname，如果没有参数或者不想用表单的时候就不方便了，以下修改便可实现传参进去。AjaxCrossDomainRequest方法改写如下：
1 function AjaxCrossDomainRequest(url, method, formnameordata, callback) {
method = js_strtoupper(method);
AjaxCrossDomainResname =
var contentType = &application/x-www-form-urlencoded&;
var body = '';
if (formnameordata==&&||formnameordata.indexOf('=') & 0) { body = } //判断是form或者是data（11=22&22=33）
var formname =
var form = document.forms[formname];
for (var i = 0; i & form. i++) {
//如果是单选按钮、复选框、单选下拉框
if (form.elements[i].type == &radio& || form.elements[i].type == &checkbox& || form.elements[i].type == &select&) {
if (form.elements[i].checked && form.elements[i].name != &&) {
body += encodeURI(form.elements[i].name) + '=' + encodeURI(form.elements[i].value) + '&';
//如果是多选下拉框
else if (form.elements[i].type == &select-multiple& && form.elements[i].name != &&) {
for (var sm = 0; sm & form.elements[i]. sm++) {
if (form.elements[i][sm].selected) {
body += encodeURI(form.elements[i].name) + '=' + encodeURI(form.elements[i][sm].value) + '&';
//Button、Hidden、Password、Submit、Text、Textarea等文本类型
if (form.elements[i].name != &&) {
body += encodeURI(form.elements[i].name) + '=' + encodeURI(form.elements[i].value) + '&';
var fs = FlashHelper.getFlash();
//fs.loadPolicyFile(&http://domain/blah/crossdomain.xml&);
if (js_substr(body, -1, 1) == &&&){
body = js_substr(body, 0, -1);
if (method == &GET&){
//GET请求方式
var urlget = &&;
if (js_substr(url, -1, 1) == &?&){
urlget = url +
else if(js_strpos(url, &?&) & 0 && js_strpos(url, &=&) & 0){
urlget = url + &&& +
urlget = url + &?& +
fs.XmlHttp(urlget, &displayResponse&, method, &&, contentType);
//POST请求方式
fs.XmlHttp(url, &displayResponse&, method, body, contentType);
这样的话 如果要想传入form表单的参数就传入一个form的名字，如果不想传值就把formnameordata参数传为空（“”）,如果是自己拼的参数就参数形如“11=22&22=33”的参数即可。
调用方法：AjaxCrossDomainRequest(url + &/Add&, &POST&, &Guid=& + $(&#mailguid&).val() , &alert(AjaxCrossDomainResponse&);&);
至此才算是可以放心使用了。
还有个朋友在网上说“&原来的ajaxcdr.js& 编码格式 ANSI编码，需将此编码格式更改为UTF-8 编码格式。否则在IE中会出现fs.XmlHttp& “object doesn't support this property or method” 的错误” & &这个暂时还没有遇到。
已发表评论数()
&&登&&&陆&&
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见ajax传值中文乱码的问题的解决方法
摘要：在软件开发过&程中，乱码问题一直都是我们最头痛的事，页面的编码，开发环境的编码，数据库的编码，有一个不一致都有可能导致乱码问题的发生；有的很好解决，有的
在软件开发过 程中，乱码问题一直都是我们最头痛的事，页面的编码，开发环境的编码，数据库的编码，有一个不一致都有可能导致乱码问题的发生；有的很好解决，有的很棘 手；当你使用AJAX技术时，为调用的后台方法传值是必不可少的，英文和数字还好解决，一般不会出现乱码，介是如果是要传中文的字符呢？很容易就会乱掉， 因为在你使用编码的时候一般会默认：BG2312，而Ajax默认使用的是UTF-8编码格式，客户端中文字符传输到服务器端时，很可能会出现中文乱码。& 下面我们就讨论一下如何解决咱们在进行软件开发过程中遇到的乱码问题：
& 1、如果你不使用Ajax时出现乱码，大多都是页面和后台代码的编码不一致，只要转换一下就好了，可以采用下面的
&&& request.setCharacterEncoding("UTF-8");&&& response.setCharacterEncoding("UTF-8");
& 2、如果你使用了Ajax技术时出现乱码，可以使用以下两种解决方法：
& (1)、在浏览器端对要传递的中文参数进行编码处理.代码如下:
& xmlhttp.open("POST","AjaxServlet",true); //请求参数初始化
& xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //因为请求方式为POST,所以这里要设置请求头.GET方法可以省略& xmlhttp.send("str="+encodeURI(encodeURI("安安DIY创作室"))); //向服务器端发送参数
& 在服务器端代码:& PrintWriter out = response.getWriter(); //得到response的输出流对象
& String str = request.getParameter("str"); //得到页面上名字为str的参数& String str2 = URLDecoder.decode(str,"utf-8"); //对得到的参数进行解码
& out.print(str); //向浏览器端发送数据
& (2)、在浏览器端对要传递的中文参数进行编码处理.代码如下:
& xmlhttp.open("POST","AjaxServlet",true); //请求参数初始化
& xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //因为请求方式为POST,所以这里要设置请求头.(如果请求方式为GET,此句代码可以省略)
& xmlhttp.send("str="+encodeURI("安安DIY创作室")); //向服务器端发送参数
& 在服务器端代码:
& PrintWriter out = response.getWriter(); //得到response的输出流对象
& String str = request.getParameter("str"); //得到页面上名字为str的参数& String str2 = new String((str.getBytes("ISO-8859-1")),"UTF-8"); //对得到的参数进行解码& out.print(name); //向浏览器端发送数据AJAX传值中文乱码解决方法 - nirvana1988 - ITeye技术网站
博客分类：
AJAX传值时采用的是UTF-8编码格式，客户端中文字符传输到服务器端时，如果服务器编码格式或者所采用的MVC框架的编码格式不是UTF-8，则很可能会出现中文乱码。解决办法如下：
客户端用js函数encodeURI()对中文字符进行两次编码，服务器端采用URLDecoder类对客户端传输过来的中文字符进行UTF-8格式的解码。示例：
客户端代码:
type: "post",
url: "createNewGroup.action",
data:"name="+encodeURI(encodeURI("张三")),
success: function(msg){
alert(msg);
服务器端代码:
String name = URLDecoder.decode("客户端传输过来的中文字符","UTF-8");
服务器端往客户端传输中文字符出现乱码时，服务器端可采用URLEncoder类对中文字符进行UTF-8格式的编码。客户端采用js函数decodeURI()对服务器端传输过的中文字符进行两次解码。
当服务器端传输的是一个json串时，且不可对整个json串进行UTF-8格式的编码(编码后的json串有可能不再具有json原有格式)，可采用JsonValueProcessor接口和JsonConfig类对json串中的value进行单独编码。
示例代码：
JsonConfig jsonConfig = new JsonConfig();
jsonConfig.registerJsonValueProcessor(String.class,
new JsonValueProcessor(){
public Object processArrayValue(Object value, JsonConfig jsonConfig) {
return process(value);
public Object processObjectValue(String key, Object value,
JsonConfig jsonConfig) {
return process(value);
* @param value
public Object process(Object value) {
if (value instanceof String) {
URLEncoder.encode(value.toString(), "UTF-8");
return value == null ? "" : value.toString();
} catch (Exception e) {
return "";
JSONArray json = JSONArray.fromObject("[{name:\"张三\";age:\12\";sex:\"男\"}]",
jsonConfig
); //编码后的json串
客户端使用函数decodeURI()再对json串中的value值进行两次解码即可。
nirvana1988
浏览: 42957 次
来自: 郑州
测试发现：不支持 Safari、Chrome（既不支持“win ...
如果传的字符串的格式是这样的就会有问题：String str
是第二个配置文件和第三个配置文件说反了吧...
rkikbs 写道第二种写法，配置存在问题，没有配置SqlSe ...页面导航：
→ 正文内容 jquery ajax 传值乱码
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、String type = request.getParameter(“type”); 2、type = URLDecoder.decode(type, “UTF-8″); 方法二:ajax配置contentType属性,加上charset=UTF-8 在ajax方法中加入以下参数 contentType: “application/x-www-form- charset=UTF-8″使用其它js框架或者xhr都是差不多,设置header中contentType即可, 这里关键是charset=UTF-8,如果没有这个,是不行的,默认jQuery里的contentType是没有的 一、测试环境 jQuery:1.3.2 tomcat:5.5.17 二、测试方法 1.使用get方式 服务器端java代码：
代码如下: String name = new String(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"); String name = 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
代码如下: public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req = (HttpServletRequest) 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代码如下：
代码如下: public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req = (HttpServletRequest) if (req.getHeader("RequestType") != null && req.getHeader("RequestType").equalsIgnoreCase("ajax"))) { request.setCharacterEncoding("utf-8"); } else { request.setCharacterEncoding("gbk"); } chain.doFilter(request, response); }
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行