AJAX POST时的中文乱码问题和解决

tomEnjoy

浏览: 145742 次
性别:
来自: 济南

最近访客更多访客>>

ouyang86

daniel_allo

ch_dj

liangzuo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax EXT json 应用服务器 Firefox

问题描述：
我在js中建立一个数组items,如下：items=[{name:'中文'}]，我把这个数组转换成字符串发往后台，后台接收数据并存入数据库：

js 代码

Ext.Ajax.request({
url:'',
params:{
items:Ext.util.JSON.encode(items)
},
method:"POST",
success:function(){alert("成功")}
});

结果这样传送的字符串不能正确的得到解析，无论在firefox下观察params的串还是后台接收的数据都是乱码。于是我改了下代码：

js 代码

Ext.Ajax.request({
url:'',
params:{
items:encode(Ext.util.JSON.encode(items)) //就是将字符串编码一下
},
method:"POST",
success:function(){alert("成功")}
});

这样，传输的字符串是以utf-8的编码方式。
然而，这样在后台接收数据并存储到数据库仍然是乱码的形式，我后台全部都是以UTF-8编码方式。
解决：
试了好长时间，最后终于解决，方法很简单，在后台加入这样一行代码：

java 代码

String str=req.getParameter("items");
str=java.net.URLDecoder.decode(str, "UTF-8");

这行代码的意思是把得到的application/x-www-form-urlencoded 编码方式的字符串解码成utf-8编码方式。

请教：（虽然在网上找到很多关于乱码问题的解决办法，但大都不能针对自己的问题。）
虽然已经解决了乱码问题，但实际上我还不是很明白在js不进行encode而直接传送为什么会是乱码，难道Ext的Ajax不是默认UTF-8编码方式？。请大家指教！！！

分享到：

Error filterStart | 播放一个影音文件

2007-12-12 14:59
浏览 5963
评论(10)
论坛回复 / 浏览 (10 / 26951)
分类:Web前端
查看更多

10 楼 neoliao 2008-03-05

在服务器端使用filter

9 楼 hax 2008-02-18

真是老生常谈了，在2001年混CSDN的时候我就到处靠传播点encoding的基本常识来接分，7年过去了，抗战都要胜利了，咋还有人不断的栽倒在这上面呢？

8 楼 InnocentBoy 2008-02-18

我的问题到现在还没解决。也是乱码问题。我用的prototype

7 楼 boogie 2008-01-24

在Request Headers中设置Content-Type：application/x-www-form-urlencoded; charset=utf-8，具体方法：将Ext.lib.Ajax.defaultPostHeader += '; charset=utf-8'加在Ext.onReady块里,此方法可以解决用EXT在POST时的中文乱码问题。

6 楼 zjumty 2007-12-24

如果是做Ajax应用程序, 最好是整体上采用utf-8编码.

回楼主, Ext是用UTF-8的, 是你的服务端没有采用UTF-8.

5 楼 tomEnjoy 2007-12-24

看到了以下这段话：
碰到使用ajax获得数据，或者提交数据出现乱码
英文情况下不会出现乱码，用了中文才可能乱掉，这是因为咱们的win操作系统，保存文件的默认编码是gb2312，而ajax传输数据的默认编码是utf-8，推荐大家将数据格式统一为utf-8，不但可以解决眼前的乱码问题，对以后扩展为多语言也有好处。

4 楼 bigxxs 2007-12-21

客户端文件本身的存储格式是否UTF-8格式？

3 楼 mssnzxm 2007-12-21

客户端： items:Ext.util.JSON.encode(items)
服务端这样：
strJsonData = new String(strJsonData.trim().getBytes("ISO-8859-1"), "utf-8");

就OK了

2 楼 ajaxgo 2007-12-14

escpe并不好，用encodeURIComponent

1 楼 xiaocheng 2007-12-13

我的博客里有一个解决方案<a href='http://xiaocheng.iteye.com/blog/147913'>http://xiaocheng.iteye.com/blog/147913</a>
解决方案是用escape函数来编码. 
比如 
var peoName="张三"; 
 peoName=escape(escape(peoName)); 
 //看到为什么两次用到escape函数不要奇怪. 
这样提交到服务器后,我们只要用一个java方法来解码就可以了. 
action中我们只要用Escape.java中的unescape静态方法就可解码。 
String Name= Escape.unescape(request.getParameter("peoName")).trim();
<div class='code_title'>Escape.java 代码</div>
<div class='dp-highlighter'>
<div class='bar'/>
<ol class='dp-j'>
 <li class='alt'>package com.ctgusec.oaPlus; </li>
 <li class=''>/** </li>
 <li class='alt'> * 将url中文参数编码或者反编码 </li>
 <li class=''> * javascript escape/unescape 编码的 Java 实现 </li>
 <li class='alt'> * author jackyz </li>
 <li class=''> * keep this copyright info while using this method by free </li>
 <li class='alt'> */ </li>
 <li class=''>public class Escape{ </li>
 <li class='alt'> private final static String[] hex = { </li>
 <li class=''> "00","01","02","03","04","05","06","07","08","09","0A","0B","0C","0D","0E","0F", </li>
 <li class='alt'> "10","11","12","13","14","15","16","17","18","19","1A","1B","1C","1D","1E","1F", </li>
 <li class=''> "20","21","22","23","24","25","26","27","28","29","2A","2B","2C","2D","2E","2F", </li>
 <li class='alt'> "30","31","32","33","34","35","36","37","38","39","3A","3B","3C","3D","3E","3F", </li>
 <li class=''> "40","41","42","43","44","45","46","47","48","49","4A","4B","4C","4D","4E","4F", </li>
 <li class='alt'> "50","51","52","53","54","55","56","57","58","59","5A","5B","5C","5D","5E","5F", </li>
 <li class=''> "60","61","62","63","64","65","66","67","68","69","6A","6B","6C","6D","6E","6F", </li>
 <li class='alt'> "70","71","72","73","74","75","76","77","78","79","7A","7B","7C","7D","7E","7F", </li>
 <li class=''> "80","81","82","83","84","85","86","87","88","89","8A","8B","8C","8D","8E","8F", </li>
 <li class='alt'> "90","91","92","93","94","95","96","97","98","99","9A","9B","9C","9D","9E","9F", </li>
 <li class=''> "A0","A1","A2","A3","A4","A5","A6","A7","A8","A9","AA","AB","AC","AD","AE","AF", </li>
 <li class='alt'> "B0","B1","B2","B3","B4","B5","B6","B7","B8","B9","BA","BB","BC","BD","BE","BF", </li>
 <li class=''> "C0","C1","C2","C3","C4","C5","C6","C7","C8","C9","CA","CB","CC","CD","CE","CF", </li>
 <li class='alt'> "D0","D1","D2","D3","D4","D5","D6","D7","D8","D9","DA","DB","DC","DD","DE","DF", </li>
 <li class=''> "E0","E1","E2","E3","E4","E5","E6","E7","E8","E9","EA","EB","EC","ED","EE","EF", </li>
 <li class='alt'> "F0","F1","F2","F3","F4","F5","F6","F7","F8","F9","FA","FB","FC","FD","FE","FF" </li>
 <li class=''> }; </li>
 <li class='alt'> private final static byte[] val = { </li>
 <li class=''> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x00,0x01,0x02,0x03,0x04,0x05,0x06,0x07,0x08,0x09,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x0A,0x0B,0x0C,0x0D,0x0E,0x0F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x0A,0x0B,0x0C,0x0D,0x0E,0x0F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class=''> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F, </li>
 <li class='alt'> 0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F,0x3F </li>
 <li class=''> }; </li>
 <li class='alt'> public static String escape(String s) { </li>
 <li class=''> StringBuffer sbuf = new StringBuffer(); </li>
 <li class='alt'> int len = s.length(); </li>
 <li class=''> for (int i = 0; i < len; i++) { </li>
 <li class='alt'> int ch = s.charAt(i); </li>
 <li class=''> if (ch == ' ') { // space : map to '+' </li>
 <li class='alt'> sbuf.append('+'); </li>
 <li class=''> } else if ('A' <= ch && ch <= 'Z') { // 'A'..'Z' : as it was </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if ('a' <= ch && ch <= 'z') { // 'a'..'z' : as it was </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if ('0' <= ch && ch <= 'class="number">9') { // '0'..'9' : as it was </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if (ch == '-' || ch == '_' // unreserved : as it was </li>
 <li class='alt'> || ch == '.' || ch == '!' </li>
 <li class=''> || ch == '~' || ch == '*' </li>
 <li class='alt'> || ch == '\'' || ch == '(' </li>
 <li class=''> || ch == ')') { </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if (ch <= 0x007F) { // other ASCII : map to %XX </li>
 <li class='alt'> sbuf.append('%'); </li>
 <li class=''> sbuf.append(hex[ch]); </li>
 <li class='alt'> } else { // unicode : map to %uXXXX </li>
 <li class=''> sbuf.append('%'); </li>
 <li class='alt'> sbuf.append('u'); </li>
 <li class=''> sbuf.append(hex[(ch >>> 8)]); </li>
 <li class='alt'> sbuf.append(hex[(0x00FF & ch)]); </li>
 <li class=''> } </li>
 <li class='alt'> } </li>
 <li class=''> return sbuf.toString(); </li>
 <li class='alt'> } </li>
 <li class=''> public static String unescape(String s) { </li>
 <li class='alt'> StringBuffer sbuf = new StringBuffer(); </li>
 <li class=''> int i = 0; </li>
 <li class='alt'> int len = s.length(); </li>
 <li class=''> while (i < len) { </li>
 <li class='alt'> int ch = s.charAt(i); </li>
 <li class=''> if (ch == '+') { // + : map to ' ' </li>
 <li class='alt'> sbuf.append(' '); </li>
 <li class=''> } else if ('A' <= ch && ch <= 'Z') { // 'A'..'Z' : as it was </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if ('a' <= ch && ch <= 'z') { // 'a'..'z' : as it was </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if ('0' <= ch && ch <= 'class="number">9') { // '0'..'9' : as it was </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if (ch == '-' || ch == '_' // unreserved : as it was </li>
 <li class='alt'> || ch == '.' || ch == '!' </li>
 <li class=''> || ch == '~' || ch == '*' </li>
 <li class='alt'> || ch == '\'' || ch == '(' </li>
 <li class=''> || ch == ')') { </li>
 <li class='alt'> sbuf.append((char)ch); </li>
 <li class=''> } else if (ch == '%') { </li>
 <li class='alt'> int cint = 0; </li>
 <li class=''> if ('u' != s.charAt(i+1)) { // %XX : map to ascii(XX) </li>
 <li class='alt'> cint = (cint << 4) | val[s.charAt(i+1)]; </li>
 <li class=''> cint = (cint << 4) | val[s.charAt(i+2)]; </li>
 <li class='alt'> i+=2; </li>
 <li class=''> } else { // %uXXXX : map to unicode(XXXX) </li>
 <li class='alt'> cint = (cint << 4) | val[s.charAt(i+2)]; </li>
 <li class=''> cint = (cint << 4) | val[s.charAt(i+3)]; </li>
 <li class='alt'> cint = (cint << 4) | val[s.charAt(i+4)]; </li>
 <li class=''> cint = (cint << 4) | val[s.charAt(i+5)]; </li>
 <li class='alt'> i+=5; </li>
 <li class=''> } </li>
 <li class='alt'> sbuf.append((char)cint); </li>
 <li class=''> } </li>
 <li class='alt'> i++; </li>
 <li class=''> } </li>
 <li class='alt'> return sbuf.toString(); </li>
 <li class=''> } </li>
 <li class='alt'>// public static void main(String[] args) { </li>
 <li class=''>// String stest = "中文1234 abcd[]()<+>,.~\\"; </li>
 <li class='alt'>// System.out.println(stest); </li>
 <li class=''>// System.out.println(escape(stest)); </li>
 <li class='alt'>// System.out.println(unescape(escape(stest))); </li>
 <li class=''>// } </li>
 <li class='alt'>} </li>
</ol>
</div>

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论