extjs ajax 中文乱码,Extjs Ajax 乱码问题解决方案

Extjs Ajax 乱码问题解决方案

更新时间：2009年04月15日 22:11:47   作者：

在Ext的使用过程中，一不留心就出现了乱码，包括在客户端提交给服务器的数据中出现了乱码和服务器端返回给客户端的数据中出现了乱码，下面简单分析一下出现乱码的原因。

在一次页面浏览过程中，客户端对一个URL发起浏览请求，服务端针对这次请求进行解析，而在字符编码解析方面，首先他检查该页面中的字符编码设置，即，这样，在页面中显示声明了字符编码为UTF-8，服务器就会将该页面用UTF-8的编码输出，而如果页面中没有显示声明，在服务器中都有一个默认的字符编码，比如GB2312，针对没有声明的文件，他会用默认编码输出，这个时候，如果页面输出又是UTF-8，这样就会出现乱码。

而在Ext中的提交数据的过程中，Ext框架用的是都是UTF-8编码，而且通过JSON提交的数据也是UTF-8编码，所以要求所有的文件都是UTF-8编码。

解决乱码的方法

以下几项首先必须要在平时的编码过程中做到：

(1) JAVA后台文件加入 response.setContentType("text/html");

response.setCharacterEncoding("utf-8");

(2)在文件中显示声明字符编码，

(3)对于提交中出现的乱码，在Ext中可以修改Request Header中Content-Type的设置，具体的方法为：Ext.lib.Ajax.defaultPostHeader += ";charset=utf-8";

最后，问题还可能出现在文件的保存格式上。就是你把代码文件保存的时候，如果开发环境默认保存的不是UTF-8格式，那么也会出现问题！ 所以就要对开发环境也有一个要求。

开发环境的配置

如果采用记事本来编写保存代码文件(.js)，那这个就会出问题，主要是由于在windows系统里记事本默认的编码格式是ANSI，这样基本上和目前网页中编码的格式都不同因此就会出现编码格式不正确的问题。解决办法就是打开xx.js文件然后另存为，在保存类型处选择utf-8编码格式就可以了。

当然,主流还是使用MyEclipse，所以说一下MyEclipse里要配置哪些地方。

Preferences->General->Content Types 选中Text 编辑下面的Default encoding 为utf-8然后Update。

Preferences->General->Content Types->Editors->Text Editors->Spelling 下Encoding 选 Default(UTF-8)

Preferences->General->Content Types->Workspace下Text File Encoding 选 Other: UTF-8

最后如果还出现乱码 , 利用

System.out.print(request.getCharacterEncoding());

System.out.print(response.getCharacterEncoding());

察看request 或 response 编码是否不是utf-8

若不是,利用web.xml中的 filter 解决.

如

no

EncodingFilter

EncodingFilter

com.hope.filters.SetCharacterEncodingFilter

encoding

utf-8

或者设置

Good Luck!

相关文章

由于开发过程中大多用chrome来调试，很少在ie中调试(现在两者都要兼顾)，导致最后在ie中页面不能正常加载，当时那个囧啊，看到ie报的错，我都想哭，连出错的堆栈信息都没有(这一点，ie做的真不好)，无从下手啊2013-01-01

只有有了事件，页面才能真正的“活”起来。Extjs的事件也是经过良好封装的，对于事件的处理都由Ext.uitl.Observable类提供接口。2010-01-01

ExtJs grid行 右键菜单的两种方法，需要用extjs制作右键菜单的朋友可以参考下。2010-06-06

Ext对基本类型的扩展 ext,extjs,format，学习extjs的朋友可以参考下。2010-12-12

Extjs是从yui-ext发展来的一套ajax控件，是一套完整的富客户端解决方案，也因为功能完整，ext-all.js有400多k(最新的extjs3.2.0 有600多k)，以为是基于js和css的功能实现，对客户端机器性能也有一定的要求，比如对ie6以下版本的不支持。2010-04-04

在本人目前的项目中，前端部分完全使用EXTJS基于“One-Page”理念搭建。2010-03-03

本文开始进入Extjs最核心最优秀的部分。2010-01-01

本文详细介绍下关于加载和回调的问题、从一个store添加符合某条件记录给另一个store中，感兴趣的朋友可以参考下，希望对你有所帮助2013-04-04

最近调试EXTJS 4的treegrid实例，看了很多水友的文章，以及官方的demo，没一个可靠的，于是乎自己折腾中...感兴趣的朋友可以了解下本文或许对你有所帮助2013-07-07

动态加载grid在ExtJs中如何实现，貌似有很多的朋友都不知道吧，下面有个不错的示例，希望对大家有所帮助2013-09-09

最新评论