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 相关文章推荐
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
js setTimeout opener的用法示例详解
Oct 23 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
JS常用算法实现代码
Nov 14 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
Jul 24 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
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
Symfony2框架学习笔记之表单用法详解
2016/03/18 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
JS实现网站吸顶条
2020/01/08 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
讲解Python中的标识运算符
2015/05/14 Python
在centos7中分布式部署pyspider
2017/05/03 Python
Python 编码Basic Auth使用方法简单实例
2017/05/25 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
关于python3.7安装matplotlib始终无法成功的问题的解决
2020/07/28 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
世界排名第一的运动鞋市场:Flight Club
2020/01/03 全球购物
暑期社会实践方案
2014/02/05 职场文书
党在我心中演讲稿
2014/09/02 职场文书
软件测试专业推荐信
2014/09/18 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
四风专项整治工作情况汇报
2014/10/28 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
技术员岗位职责
2015/02/04 职场文书
吴仁宝观后感
2015/06/09 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL