一起学习网 一起学习网

jquery serialize方法中文乱码及解决办法

jquery form表单.serialize()序列化后中文乱码问题原因及解决

第一种方法:

序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了

解决方法就是进行解码

原因:.serialize()自动调用了encodeURIComponent方法将数据编码了

解决方法:调用decodeURIComponent(XXX,true);将数据解码

例如:

1
2
var params = jQuery("#formId").serialize(); // http request parameters.
params = decodeURIComponent(params,true);

blob.png


第二种方法:

原因:.serialize()自动调用了encodeURIComponent方法将数据编码了 
解决方法:调用decodeURIComponent(XXX,true);将数据解码 
例如: 
var params = jQuery("#formId").serialize(); // http request parameters. 

params = decodeURIComponent(params,true);

在进行编码

params = encodeURI(encodeURI(params));

 

后台

String paramsTrans = new String(params.getBytes("ISO-8859-1"),"UTF-8");

params = java.net.URLDecoder.decode(paramsTrans , "UTF-8");

问题解决。

----------------------------------------------------------------------------------------------------------------------------------

注意:页面端发出的数据作两次encodeURI,这个做的好处在于,不管浏览器用户在页面来设置编码,服务器所采用的编码来做一次URLencode转换成UTF-8.

encodeURL函数主要是来对URI来做转码,它默认是采用的UTF-8的编码.

 

具体说明2次encodeURI:

其中具体的原理分析如下,假设页面端输入的中文是一个“中”,按照下面步骤进行解码1.第一次encodeURI,按照utf-8方式获取字节数组变成[-28,-72-83],对字节码数组进行遍历,把每个字节转化成对应的16进制数,这样就变成了[E4,B8,AD],最后变成[%E4,%B8,%AD]2.第二次encodeURI,把数组最后变成[%25E4,%25B8,%25AD]然后就把处理后的数据[%25E4,%25B8,%25AD]发往服务器端,当应用服务器调用getParameter方法,getParameter方法会去向应用服务器请求参数
应用服务器最初获得的就是发送来的[%25E4,%25B8,%25AD],应用服务器会对这个数据进行URLdecode操作,URldecode操作和encodeURL操作是相反的操作,处理结果就是[%E4,%B8,%AD],并把这个值返回给getParameter方法

然后再在服务器端中调用相应的URL转码方法或者是函数  就可以把数据还原成最初页面发送过来的中文“中”了。