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 相关文章推荐
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 Javascript
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
Vue源码分析之Vue实例初始化详解
Aug 25 Javascript
使用javascript解析二维码的三种方式
Nov 11 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
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
JavaScript Date对象使用总结
2009/05/14 Javascript
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
js内置对象 学习笔记
2011/08/01 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
js漂浮广告实现代码
2015/08/15 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
vue实现图片上传功能
2020/05/28 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
Python中的random()方法的使用介绍
2015/05/15 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
IBatis持久层技术
2016/07/18 面试题
生物科学专业个人求职信范文
2013/12/07 职场文书
大学生活动策划方案
2014/02/10 职场文书
八项规定整改方案
2014/02/21 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
工作态度怎么写
2015/06/25 职场文书
初中运动会前导词
2015/07/20 职场文书
全民创业工作总结
2015/08/13 职场文书
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS
React自定义hook的方法
2022/06/25 Javascript