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 相关文章推荐
CSDN轮换广告图片轮换效果
Mar 27 Javascript
JavaScript中“基本类型”之争小结
Jan 03 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
Bootstrap插件全集
Jul 18 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
在Vue 中使用Typescript的示例代码
Sep 10 Javascript
详解ES6系列之私有变量的实现
Nov 21 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
Aug 03 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
神族 PROTOSS 概述
2020/03/14 星际争霸
PHP目录函数实现创建、读取目录教程实例
2011/01/13 PHP
php 基础函数
2017/02/10 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
PHP示例演示发送邮件给某个邮箱
2019/04/03 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
举例讲解Node.js中的Writable对象
2015/07/29 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
jQuery+ajax的资源回收处理机制分析
2017/01/07 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
python实现的简单RPG游戏流程实例
2015/06/28 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
Python查看微信撤回消息代码
2018/06/07 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
公司司机岗位职责范本
2014/03/03 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
法院执行局工作总结
2015/08/11 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android