Javascript和Ajax中文乱码吐血版解决方案


Posted in Javascript onDecember 21, 2009

今天弄了一天的Ajax中文乱码问题,Ajax的乱码问题分为两种:

1. JavaScript输出的中文乱码,

比如:alert("中文乱码测试");

解决的办法比较简单,就是把jsp里所有的charset和pageEncoding的值都设置成相同的,一般是utf-8.

2. 这第二种就是Ajax从服务器端获得的数据出现乱码的问题。(我搜了n个小时试了n中方法才找到答案)

现在将我搜集的比较有效的方法都与大家分享:(我使用的开发环境是Eclipse,相信其他语言和开发环境都差不太多。)

 比如

var message = xmlHttp.responseText;
 alert("message: "+message);

获得这个message输出就是乱码

 

解决办法:

1. 修改编码。切记要将代码备份一下,改了编码之后中文会变为乱码。

在js文件上右键点击Properties,修改Text file encode 为UTF-8(这里应当与jsp中的编码相同) 

Javascript和Ajax中文乱码吐血版解决方案 

同样的将JavaScript source file和JSP的Default encoding设置为UTF-8(这里应当与jsp中的编码相同,这样以后的项目就都是utf-8的编码了,推荐使用这个)

2. 注意response.setContentType("text/html;charset=utf-8");和PrintWriter out = response.getWriter();的位置关系,切记要将PrintWriter out = response.getWriter();放在response.setContentType("text/html;charset=utf-8");的后面,否则设置的编码将无效,这也是我弄了n久都搞不定的原因!!!

问题解决。 

Javascript 相关文章推荐
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 Javascript
vue cli升级webapck4总结
Apr 04 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
微信小程序如何访问公众号文章
Jul 08 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
vue实现虚拟列表功能的代码
Jul 28 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 #Javascript
jQuery 连续列表实现代码
Dec 21 #Javascript
jQuery解决iframe高度自适应代码
Dec 20 #Javascript
IE 上下滚动展示模仿Marquee机制
Dec 20 #Javascript
js控制div及网页相关属性的代码
Dec 19 #Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 #Javascript
JS 的应用开发初探(mootools)
Dec 19 #Javascript
You might like
用PHP和ACCESS写聊天室(二)
2006/10/09 PHP
php快速url重写 更新版[需php 5.30以上]
2010/04/20 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
2010/03/16 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
详解vue 命名视图
2019/08/14 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T
2018/04/03 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python发送邮件接收邮件示例分享
2014/01/21 Python
python机器学习之神经网络(三)
2017/12/20 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
python如何删除文件、目录
2020/06/23 Python
Python实现我的世界小游戏源代码
2021/03/02 Python
HTML5 canvas基本绘图之绘制曲线
2016/06/27 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
师范学院毕业生求职信范文
2013/12/26 职场文书
战友聚会致辞
2015/07/28 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android
Go并发4种方法简明讲解
2022/04/06 Golang