javascript ajax提交数据中文乱码解决办法

一个UTF8页面需要POST数据到GB2312页面,这时中文的编码是按照UTF8提交过去的,GB2312页面无法接收。如何实现,网络搜索了一种很不错的方法,但有缺陷,这里一一说起。

1、FORM标签里加上accept-charset代码,这个能把FORM里的数据自动编码成指定的字符集提交,比如在UTF8页面提交数据到GB2312,代码就是accept-charset=”GB2312″,但accept-charset除了IE其他浏览器都支持。。。

2、这时可以在提交时触发JS,document.charset=’GB2312′;,用这段代码设置当前页面编码为GB2312。到这里看似很完美了,但还一个问题,就是触发这个代码后,当前页面刷新之后会乱码,这是因为你刚才改变了当前页面的编码。

3、怎么处理刷新后乱码呢,就是要加以判断,判断当前页面编码和默认的编码是否一致,如果不一致则刷新,

 代码如下 复制代码

if(isIE && document.charset!=”utf-8″)location.reload(false)

4、网上的介绍最多到这步,但是我却发现,这样就步入了一个死循环,因为第2步已经改变了编码,您在当前页面不管怎样刷新,还是改变后的编码,所以一定要重设这个编码才行,代码就是这样的。

 代码如下 复制代码

if(isIE && document.charset!=”utf-8″){
document.charset=’utf-8′;
location.reload(false);}

代码综合起来如下:
判断当前页码是否为UTF8,如果不是,则设定编码为UTF8并刷新,避免乱码。

 代码如下 复制代码

var isIE=!!window.ActiveXObject;
if(isIE && document.charset!=”utf-8″){
document.charset=’utf-8′;
location.reload(false);}

设定FORM的accept-charset,让非IE浏览器直接提交编码后的数据到其他页面

 代码如下 复制代码

<form accept-charset=”GB2312″>

提交数据时触发修改当前页面编码的JS

 代码如下 复制代码

onsubmit=”if(isIE)document.charset=’GB2312′”

实例

方法其实很简单:

比如页面表单(form)代码如下:

 代码如下 复制代码

<form name="formname"method="post" action="">
……
</form>

只需要在该页面增加javascript函数,比如:

 代码如下 复制代码

function functionname()
{
document.charset="gb2312";
formname.submit();
}

最后,将这个函数增加到form的onsubmit中即可。即:

 代码如下 复制代码

<form name="formname"method="post" action="" onsubmit=“functionname();”>
……
</form>

让我们先看一下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" );

如果提交的是form ,那么设置为

 代码如下 复制代码
"application/x-www-form-urlencoded; 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 的编码也是理所当然的了。

 代码如下 复制代码

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

response.setHeader("Pragma", "no-cache"); //HTTP 1.0

response.setDateHeader("Expires", 0); //prevents caching at the proxy server

PrintWriter out = response.getWriter();

out.write(outXML);

out.flush();

out.close();

OK !这样向客户端写的数据中的中文也是UTF-8 编码了,客户端js 脚本获取到request.responseXML 也好,responseText 也好,里面的数据都不会有乱码了

 

7)解决json在后台传递中的乱码:

 a.Action:

 代码如下 复制代码

  PrintWriter out = response.getWriter();
          out.print("啊");

 

 b.action:

 代码如下 复制代码

  BufferedReader bf = new BufferedReader(new InputStreamReader(httppost.getResponseBodyAsStream()));

 

这里得到的bf.readline会是乱码,解决办法为:

在a.Action中 PrintWriter out = response.getWriter(); 前面加上

 代码如下 复制代码

response.setCharacterEncoding("UTF-8");

在b.Action中修改为

 代码如下 复制代码

BufferedReader bf = new BufferedReader(new InputStreamReader(httppost.getResponseBodyAsStream(),"UTF-8"));

总结
其实我们只要页面与保存数据页面编码统计就是了,同时ajax默认提交数据编码为utf-8的,如果你是GBK的页面我们只要把发送编码修改一下即可。

中文乱码原因在于javascript使用的是UTF-8国际编码,UTF-8每个汉字用4个字节来存储。而我的页面和数据库都用GB2312编码,这就造成了AJAX send数据的时候出现中文乱码的问题

时间: 2016-11-14

javascript ajax提交数据中文乱码解决办法的相关文章

struts2 action获取ajax提交数据中文乱码问题

有个人和我问题相同,地址在这: 解决方法: 在ajax的属性添加这句:contentType:'application/x-www-form-urlencoded; charset=utf-8',   

spring3.2 mvc ajax返回和中文乱码解决办法

直接上代码记录下吧:直接使用 produces 解决问题,其他方式太费劲 版本为spring 3.2.1  代码如下 复制代码 @RequestMapping(value="/c",produces="text/plain;charset=UTF-8;" )  public @ResponseBody String  readBook() {   return "{"bookc":"这里是上海自由贸易区"}"

java中form以post、get方式提交数据中文乱码问题总结_java

  一:form在前台以post方式提交数据:     浏览器将数据(假设为"中国")发送给服务器的时候,将数据变成0101的二进制数据(假设为98 99)时必然要查码表,浏览器以哪个码表打开网页,浏览器就以哪个码表提交数据.数据到达服务器后,数据(98 99)要封装到request中,在servlet中调用Request的getParameter方法返回的是字符串("中国"),方法内部拿到数字后要转成字符,一定要查码表,由于request的设计者是外国人,所以默认

数据库 MySQL中文乱码解决办法总结

MySQL中文乱码解决办法 前言: MySQL是我们项目中非常常用的数据型数据库.但是因为我们需要在数据库保存中文字符,所以经常遇到数据库乱码情况.下面就来介绍一下如何彻底解决数据库中文乱码情况. 1.中文乱码 1.1.中文乱码 create table user(name varchar(11)); # 创建user表 insert into table user("carl"); # 添加数据 select * from user; insert into user value(&

http-c++ post提交数据中文乱码

问题描述 c++ post提交数据中文乱码 vc6.0 mfc 客户端用post提交中文数据,在web服务端接收是乱码,初步分析是编码问题,如果将中文转换成utf-8发送,则服务端能正常接收中文. 测试时我是借用的浏览器将中文转换成utf-8的,然后用转换后的字符串直接提换中文. 比如: 一:PostHttpPage("0.citygo.duapp.com","orderfrom_new","clientName=中文"); 二:PostHttp

关于cookie中文乱码解决办法

关于cookie中文乱码解决办法 后台: 存值 (使用 HttpUtility.UrlEncode 进行编码) Response.Cookies("ABC").Value = HttpUtility.UrlEncode("ABC") 取值 (使用 HttpUtility.UrlDecode 进行解码) Str = HttpUtility.UrlDecode(Request.Cookies("ABC").Value) 和JS进行交互: 在用js生成

Ajax的Post提交数据程序接受中文乱码解决办法

Ajax以POST方式提交,url形式为"url?param=xx&param2=xx"时,如果传递的参数是中文或日文,后台接收参数将出现乱码,疑似"灏?浼??ㄨ??rdquo;.此时我们需要将url编码成UTF-8.调用javascript方法encodeURI(URIstring),后台接收参数调用URLDecoder.decode(String s,String enc) 解码. 工作中遇到这个问题,起初打算用反射循环给属性转码,考虑到反射效率问题,为避免滥用反

远程linux中文乱码解决办法

使用xshell登录中文版CentOS或者redhat时,在xshell下如果输出的是中文的话可能会显示乱码,通过如下办法可以有效的解决乱码问题 linux中文乱码解决方法如下: [root@localhost ~]# cd /etc/sysconfig/ [root@localhost sysconfig]# cp i18n i18n.bak #备份i18n文件 [root@localhost sysconfig]# echo "" >i18n [root@localhost

Ajax在IE浏览器会出现中文乱码解决办法

在AJAX浏览器来进行发送数据时,一般它所默认的都是UTF-8的编码. Ajax在IE浏览器会出现中文乱码的情况!解决办法如下 <script type="text/javascript"> function showDiv(str){ document.getElementById("picDiv").style.display=""; var xmlhttp; if (str==""){ document.ge