`
ollevere
  • 浏览: 265702 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery serialize传中文乱码解决方法

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

原因:.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转码方法或者是函数  就可以把数据还原成最初页面发送过来的中文“中”了。

分享到:
评论

相关推荐

    Jquery serialize() 中文乱码及解决方法

    Jquery serialize() 中文乱码及解决方法 Jquery serialize() 方法在处理中文数据时,经常会出现乱码问题。这种问题的原因是 serialize() 方法自动调用了 encodeURIComponent 方法将数据编码了,从而导致中文乱码。...

    C#接收json数据后中文乱码解决方法

    C#接收Json格式数据,中文出现乱码解决方法

    jquery serialize 转换成GBK的编码

    jquery的serialize方法把中文转化成GBK的编码方式。

    前端项目-jquery-serialize-object.zip

    jQuery的`serialize()`方法用于将表单中的所有可选元素(如文本输入、复选框、单选按钮等)转换为URL查询字符串,即键值对的形式,便于通过Ajax发送到服务器。例如,一个包含name属性的表单元素`...

    jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法

    总结来说,处理jQuery serialize()方法导致的中文乱码问题,关键是要理解encodeURIComponent与decodeURIComponent的编码解码机制,并在需要的时候对序列化数据进行正确的解码处理。这样可以确保数据的正确传输和使用...

    jQuery ajax serialize() 方法使用示例

    接下来,我们来看看如何在jQuery中使用serialize()方法。在上述文件中,给出了一个HTML表单的例子,并通过JavaScript中的serialize()方法获取了表单数据的序列化字符串。这个方法直接作用于代表表单元素集合的jQuery...

    jQuery ajax serialize()方法的使用以及常见问题解决

    使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作接下来介绍jQuery ajax - serialize() 方法定义和用法,感兴趣的朋友可以了解下啊,希望本文对你有所...

    JQuery中serialize()用法实例分析

    serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 ...

    jquery.serialize.js

    自己写的一个jquery复杂表单序列化工具

    jquery.serialize() 函数语法及简洁实例_.docx

    jQuery库提供的.serialize()方法极大地简化了这一过程。本文将详细介绍jQuery.serialize()函数的语法以及提供简洁的实例,帮助读者掌握如何在实际项目中有效地使用这一功能。 ### jQuery.serialize()函数语法 ...

    jQuery工具方法serialize()和serializeArray()

    `serialize()`和`serializeArray()`是jQuery提供的一对非常实用的工具方法,主要用于处理表单数据。这两个方法在网页开发中尤其关键,因为它们能够方便地将用户在表单中输入的数据转化为适合发送到服务器的格式。 `...

    jQuery基于ajax()使用serialize()提交form数据的方法

    本文实例讲述了jQuery基于ajax()使用serialize()提交form数据的方法。分享给大家供大家参考,具体如下: jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也...

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...

    jQuery ajax中使用serialize()方法提交表单数据示例

    jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 ...

    JQuery中serialize() 序列化

    本文导读:在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&...

    jQuery序列化form表单数据为JSON对象的实现方法

    jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...

    将JavaScript的jQuery库中表单转化为JSON对象的方法

    大家知道Jquery中有serialize方法,可以将表单序列化为一个“&”连接的字符串,但却没有提供序列化为Json的方法。不过,我们可以写一个插件实现。   我在网上看到有人用替换的方法,先用serialize序列化后,将&替换...

Global site tag (gtag.js) - Google Analytics