jquery乱码与contentType属性设置问题解决方案


Posted in Javascript onJanuary 07, 2013

今天闲的无聊,把以前遗留的问题解决一下,比如让人头痛的Jquery乱码问题。其实这方面文章已经很多了,但全面解决各种问题的很少,今天总结一下,方便自己也方便大家。

原因很简单: 其实他的中文乱码就是因为contentType没有指定编码,对于不同Jquery的版本中这个地方有不同的设置,就拿我遇到的,jquery-1.6.1和jquery-1.8.3就有不同的定义。

解决办法:在jquery-1.6.1文件中,搜索'contentType' 然后在application/x-www-form-urlencoded后面加上; charset=UTF-8 最终变成contentType:"application/x-www-form-urlencoded; charset=UTF-8"即可。
这样通过post方法提交后会出现乱码的问题就可以完美解决。

如果还有乱码现象,只能说你接收页面的编码也有问题, 这是由于异步对象XMLHttpRequest在处理返回的responseText的时候,是按UTF-8编码进行解码的。所以post方式的话,必须把这个页面另存一下,将页面文件的编码改为 UTF-8 (请务必记住)。
jquery乱码与contentType属性设置问题解决方案 
没修改前,整个FROM表单数据全部为乱码状态,对于这种情况,大家按以上方法可以轻松解决。

以下是一些特别情况的问题总结,来源于网络:
JQuery Ajax提交出现中文乱码的解决办法2
前使用Jquery的时候一直没有发现,用Ajax提交的时候会出现乱码,我猜测可能是因为编码的原因

可能存在以下几点原因
1.HTML的编码不统一:如页面用的GB2312,好像JQuery对它支持不太好。以前我一直都是用UTF-8的,一直都没有发现;
2.文件的编码,这个不好在表面上看到,简体中文版的操作系统存的文本格式的文件默认是 GB2312,建议把文件换成UTF-8格式的
最简单的解决办法,把提交的中文文本用 JS的 escape 处理一下,就不会现出现乱码了。
如:

//保存数据 
$.ajax({ 
url:"/guide/savecomments.aspx" , 
type:"POST" , 
dataType:"json" , 
data:"Action=SaveComment&CommNickName=" +escape(CommNickName.val()) + "&CommContent=" +escape(CommContent.val()) + "&GuideID=" + GuideID.val() + "&ScoreLogType=<%=ScoreLogType %>", 
success:function(results){ 
alert(results.message);

-------------------------------------------------------------------------------
解决的办法上用js的编码函数encodeURIComponent(string)处理一下,把中文"王晓明"编码成"%E7%8E%8B%E6%99%93%E6%98%8E",就OK了。
顺便说一下,我的tomcat下的URIEncoding=UTF-8
-------------------------------------------------------------------------------
今天在使用jquery检测用户名的时候,对英文和数字的用户名检测正确,但是对中文的时候,检测出错,经过在网上查询一段时间,终于找到了原因,是乱码问题,解决方法:
1、只要在ajax中有数据提交时,如果页面编码不是utf-8的,都应该对提交的数据进行编码,js的编码函数为escape()
2、在服务器端页接收数据后进行解码,然后对数据进行相关的处理后再编码
3、返回到客户端后再解码
4、如果没有提交数据,而是直接从服务器端获取数据,那直接在服务器页面设置Response.Charset="gb2312"即可,不用再编码解码
vbscript中分别对应js中的escape()和unescape()函数 程序代码
-------------------------------------------------------------------------------
通过以下处理方式得到解决
传递参数的时候 对参数进行编码priceName="encodeURI(priceName)",也可以用encodeURIComponent();
服务器端无需做其他处理: String priceName = request.getParameter("priceName");
Javascript 相关文章推荐
PJ Blog修改-禁止复制的代码和方法
Oct 25 Javascript
javascript add event remove event
Apr 07 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
jQuery操作json常用方法示例
Jan 04 Javascript
babel基本使用详解
Feb 17 Javascript
详解用node搭建简单的静态资源管理器
Aug 09 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
微信小程序之数据绑定原理解析
Aug 14 Javascript
vue选项卡切换登录方式小案例
Sep 27 Javascript
JS使用setInterval计时器实现挑战10秒
Nov 08 Javascript
jQuery插件开发基础简单介绍
Jan 07 #Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 #Javascript
jquery入门—编写一个导航条(可伸缩)
Jan 07 #Javascript
jquery入门—访问DOM对象方法
Jan 07 #Javascript
jQuery.clean使用方法及思路分析
Jan 07 #Javascript
js获取height和width的方法说明
Jan 06 #Javascript
javascript时间自动刷新实现原理与步骤
Jan 06 #Javascript
You might like
全国FM电台频率大全 - 23 四川省
2020/03/11 无线电
php xml-rpc远程调用
2008/12/19 PHP
一个PHP的String类代码
2010/04/20 PHP
PHP写杨辉三角实例代码
2011/07/17 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
php对大文件进行读取操作的实现代码
2013/01/23 PHP
制作个性化的WordPress登陆界面的实例教程
2016/05/21 PHP
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
2015/12/24 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
2019/03/04 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
Vue 数据绑定的原理分析
2020/11/16 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
python实现计算资源图标crc值的方法
2014/10/05 Python
Python是编译运行的验证方法
2015/01/30 Python
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
Python调用C++程序的方法详解
2017/01/24 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
主持人婚宴答谢词
2014/01/28 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
商务英语专业求职信
2014/06/26 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
党员志愿者活动方案
2014/08/28 职场文书
租车协议书
2015/01/27 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang