[转]结合PHP实例谈谈如何解决jQuery.ajax提交GB2312或GBK编码中文乱码问题
来源:互联网 发布:谭伯牛 知乎 编辑:程序博客网 时间:2024/06/10 00:30
转自:http://www.biuuu.com/
如果你的网页编码是GB2312或GBK编码,那么在使用jQuery.ajax提交中文字符时就会存在中文乱码问题,因为jQuery.ajax把需要提交的中文字符自动转换为UTF8编码,这与网页本身的GB2312或GBK编码不一致,这就会显示乱码,本文结合PHP实例,谈谈如何解决中文乱码以及一些相关的注意事项。
实例代码如下:
(1)HTML部分(test.html)
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
- <script type="text/javascript">
- <!--
- jQuery(document).ready(function(){
- jQuery(":button").click(function(){
- jQuery.ajax({
- url:'biuuu.php',
- type:'post',
- data: 'do=test&name=必优博客',
- success:function(txt){
- jQuery("#result").html(txt);
- }
- });
- });
- });
- //-->
- </script>
- </head>
- <body>
- <button>测试</button>
- <div id="result"></div>
- </body>
- </html>
(2)PHP部分(biuuu.php)
- <?php
- $do = isset ( $_POST ['do'] ) ? $_POST ['do'] : null;
- $name = isset ( $_POST ['name'] ) ? $_POST ['name'] : null;
- if ($do == 'test') {
- echo $name;
- }
- ?>
点击测试按钮执行一个ajax提交请求,并将成功返回的数据显示在ID为result的DIV中。
实例使用GB2312编码,分别使用三个文件,分别是test.html、biuuu.php和jquery-1.3.1.min.js文件,其中biuuu.php是处理ajax提交的文件
一,提交中文字符并直接返回无乱码(代码如上)
在使用jQuery.ajax提交的data中,使用ajax提交了两个参数,分别是do和name,参数name的值是中文字符“必优博客”,这里我直接提交,然后在biuuu.php中直接echo出$name值,返回给ajax,结果并没有乱码,效果图如下:
从效果图可知,处理文件响应输出的是utf8字符乱码(这说明jQuery.ajax已经将提交的字符转换为utf8编码字符),但实际打印结果是正确的字符。
二,返回中文字符有乱码
修改biuuu.php文件,增加输出,如下:
- <?php
- $do = isset ( $_POST ['do'] ) ? $_POST ['do'] : null;
- $name = isset ( $_POST ['name'] ) ? $_POST ['name'] : null;
- if ($do == 'test') {
- echo $name;
- echo '技术源于实践,实践必然优秀!';
- }
- ?>
操作方法同上,但这时候出现了乱码,效果图如下:
这是由于直接输入的字符是GB2312编码字符,但经过jQuery.ajax后自动转换为utf8编码,因此产生乱码,但从效果图可知,处理文件响应输出的是中文字符,这里你看到的是正确的字符,但实际打印结果是乱码。
如何解决乱码问题?
PHP解决UTF8乱码问题非常简单,使用iconv函数进行内码转换[http://cn.php.net/iconv],书写如下函数
- function gbkToUtf8 ($value) {
- return iconv("gbk", "UTF-8", $value);
- }
把gbk编码转换为utf8编码,修改后的biuuu.php文件如下:
- <?php
- $do = isset ( $_POST ['do'] ) ? $_POST ['do'] : null;
- $name = isset ( $_POST ['name'] ) ? $_POST ['name'] : null;
- if ($do == 'test') {
- echo $name;
- echo gbkToUtf8('技术源于实践,实践必然优秀!');
- }
- function gbkToUtf8 ($value) {
- return iconv("gbk", "UTF-8", $value);
- }
- ?>
通过gbkToUtf8()函数把GBK转换成UTF8,效果图如下:
从效果图可知,处理文件响应输出的是utf8字符乱码,但实际打印结果是正确的字符。因此乱码问题解决。
三,如何把jQuery.ajax保存到数据库中再显示
如果使用jQuery.ajax提交的数据需要保存到数据库中,直接存储将会是UTF8的乱码,因此,在存储前需要把utf8转化为gbk,增加如下函数
- function utf8ToGBK ($value) {
- return iconv("UTF-8", "gbk", $value);
- }
使用utf8ToGBK()函数就可以把jQuery.ajax提交的数据转换成我们需要存储的编码,这个过程非常重要。
如果将数据存储到数据库然后再显示到页面,那么需要经过三个步骤
1,使用utf8ToGBK()函数转换
2,存储到数据库
3,从数据库取出数据,再使用gbkToUtf8()函数转换显示到页面
解决jQuery.ajax中文乱码问题关键在于了解字符编码的状态,你要准确的知道当前字符是什么编码,这样才能对症下药,在PHP中使用iconv函数可以轻松实现内码转换,可以快速进行编码的转换。同时结合Fixfox的firebug工具,查看当前请求响应情况。掌握乱码产生的原因,并会学如何解决乱码问题。
- [转]结合PHP实例谈谈如何解决jQuery.ajax提交GB2312或GBK编码中文乱码问题
- jQuery.ajax提交GB2312或GBK编码中文乱码问题
- 页面编码为GBK时 jquery 提交ajax数据完美解决"中文乱码"方案
- 页面编码为GBK时 jquery 提交ajax数据完美解决中文乱码方案
- 页面编码为GBK时 jquery 提交ajax数据完美解决"中文乱码"方案
- 已解决了ajax(源文件编码gb2312)发送+php接收(源文件编码gb2312)中文乱码问题(utf-8也通用)
- asp gb2312 jquery ajax中文乱码解决
- MySQL字符集 GBK、GB2312、UTF8区别 解决PHP MYSQL中文乱码问题
- 页面编码为GBK时_jquery_提交ajax数据完美解决中文乱码方案
- 使CentOS6.5中文本编辑器支持GB18030/GBK/GB2312 等类型的中文编码,解决中文显示乱码问题
- 如何解决AJAX gb2312 乱码问题
- PHP解决URL中文GBK乱码问题
- GBK编码下jQuery Ajax中文乱码终极暴力解决方案
- Ajax编码GBK乱码解决
- jquery ajax提交,参数中文乱码问题
- jquery ajax提交中文乱码问题
- GBK编码的项目AJAX中文乱码问题
- php ajax 中文乱码问题解决办法(接收发送)utf-8 GBK GB2312
- 基于角色的权限管理数据库设计(RBAC)
- 谈Flex组件的生命周期
- YUVViewer开发笔记
- C++ 编译器的函数名修饰规则
- XFire 最新生火指南
- [转]结合PHP实例谈谈如何解决jQuery.ajax提交GB2312或GBK编码中文乱码问题
- 【知识小集】☞VSS使用手册
- const与重载
- 关于C++的域解析符
- 多核处理器中,使线程运行在指定CPU核心
- symbian 动态链接库 |静态链接库
- b/s下的模式窗口的实现
- C#之连接数据库字符串大全
- Java Observer Pattern