最新消息:网站改版咯

AJAX中文乱码问题解决

ECMAScript Yovae 1622浏览

讲讲AJAX中文乱码问题解决方法,现在的网站多是使用UTF8编码,但是由于历史上的IE6默认编码GB2312的bug,导致许多在开发网页过程中使用ajax传值的程序员苦不堪言,本人也曾被次问题困扰,查阅了许多资料终于摸清。

在用ajax传送中文值的时候会产生乱码,是由于GB2312与UTF8两者编码不一致导致。在开发国际化、多语言应用的web application,你个基本步骤:
1.首先你项目所有的东东(主要指各种文件,包括后台代码、资源文件等)采用utf-8文件编码,这一步解决了文件编码问题(确保你的文件真正应用了或转成了utf-8编码,用转换工具或vs的高级存储选项)

2.把你所有的web页面meta中指定charset为utf-8(可以为link、script同时指定charset),这样你从页面发出的请求(声明一点这个请求非ajax请求,ajax请求另作处理),如点击按钮产生的post请求等都是以utf-8传输内容的了

3.做了2的步骤之后,就要求服务器端晓得你的client发来的http请求默认编码的是utf-8的了,一旦它知道了,你在服务端取request中的参数就也不必要做单独的utf-8解码处理了,这个在asp.net中用web.config通知web server 的asp.net处理引擎,在其中system.web下加入如下配置:
<globalization requestEncoding=”UTF-8″ responseEncoding=”UTF-8″ fileEncoding=”UTF-8″……

4.解决ajax请求的编码问题,就是让ajax求不采用默认的编码传输数据,而是和我们的系统统一采用utf-8编码,这个要根据你使用的具体的js lib进行设置,prototype中默认用utf-8(如果没有的话,你可以用ajax的options选项加入encoding:’utf-8′),用dojo的话默认是ansi,各位可以按需设置。另外对于裸写ajax请求的用户你可以这样指定:
request.setRequestHeader(‘Content-type’,’application/x-www-form-urlencoded; charset=utf-8′);

5.稍微要注意的另一点是,对于get请求(或凡涉及到url传递参数的),被传递的参数都要先经encodeURIComponent方法处理,否则就会产生乱码

补充一点,如果遇到有js应用的页面(多数都是了),出现比较奇怪的错误(例如两个页面很相似的应用但其中一个就是出错),大可以放心检查一下编码问题,如html web页面的编码(在浏览器上被选择的页面编码)和所应用的js文件的编码,发现问题的话,按上述几点规则修正,基本可以把错误修正,否则这种情况真是很耽误时间的!

另一个很耽误时间的问题,是由于html页面的doctype标记引起的css表现不一问题,如两个很相似的页面,运用相同的css表现上却不一致,可以试着更改一下doctype标记

转载请注明:Yovae Studio » AJAX中文乱码问题解决