登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

无所谓了嘛

珍惜现在,放眼未来

 
 
 

日志

 
 
 
 

jquery支持gb2312编码方法一列  

2011-01-17 15:16:18|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

如果你的网页编码是GB2312或GBK编码,那么在使用jQuery.ajax提交中文字符时就会存在中文乱码问题,因为jQuery.ajax 把需要提交的中文字符自动转换为UTF8编码,这与网页本身的GB2312或GBK编码不一致,这就会显示乱码,本文结合PHP实例,谈谈如何解决中文乱 码以及一些相关的注意事项。

实例代码如下:

(1)HTML部分(test.html)

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <script type="text/javascript" src="http://hezuyou.blog.163.com/blog/jquery-1.3.1.min.js"></script>

  5. <script type="text/javascript">
  6. <!--
  7. jQuery(document).ready(function(){
  8. jQuery(":button").click(function(){
  9. jQuery.ajax({
  10. url:'biuuu.php',
  11. type:'post',
  12. data: 'do=test&name=必优博客',
  13. success:function(txt){
  14. jQuery("#result").html(txt);
  15. }
  16. });
  17. });
  18. });
  19. //-->
  20. </script>
  21. </head>

  22. <body>
  23. <button>测试</button>
  24. <div id="result"></div>
  25. </body>

  26. </html>

(2)PHP部分(biuuu.php)

  1. <?php
  2. $do = isset ( $_POST ['do'] ) ? $_POST ['do'] : null;
  3. $name = isset ( $_POST ['name'] ) ? $_POST ['name'] : null;
  4. if ($do == 'test') {
  5. echo $name;
  6. }
  7. ?>

点击测试按钮执行一个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,结果并没有乱码,效果图如下:
结合PHP实例谈谈如何解决jQuery.ajax提交GB2312或GBK编码中文乱码问题jquery_ajax_test_1

从效果图可知,处理文件响应输出的是utf8字符乱码(这说明jQuery.ajax已经将提交的字符转换为utf8编码字符),但实际打印结果是正确的字符。

二,返回中文字符有乱码

修改biuuu.php文件,增加输出,如下:

  1. <?php
  2. $do = isset ( $_POST ['do'] ) ? $_POST ['do'] : null;
  3. $name = isset ( $_POST ['name'] ) ? $_POST ['name'] : null;
  4. if ($do == 'test') {
  5. echo $name;
  6. echo '技术源于实践,实践必然优秀!';
  7. }
  8. ?>

操作方法同上,但这时候出现了乱码,效果图如下:
结合PHP实例谈谈如何解决jQuery.ajax提交GB2312或GBK编码中文乱码问题jquery_ajax_test_2

这是由于直接输入的字符是GB2312编码字符,但经过jQuery.ajax后自动转换为utf8编码,因此产生乱码,但从效果图可知,处理文件响应输出的是中文字符,这里你看到的是正确的字符,但实际打印结果是乱码。

如何解决乱码问题?

PHP解决UTF8乱码问题非常简单,使用iconv函数进行内码转换[http://cn.php.net/iconv],书写如下函数

  1. function gbkToUtf8 ($value) {
  2. return iconv("gbk", "UTF-8", $value);
  3. }

把gbk编码转换为utf8编码,修改后的biuuu.php文件如下:

  1. <?php
  2. $do = isset ( $_POST ['do'] ) ? $_POST ['do'] : null;
  3. $name = isset ( $_POST ['name'] ) ? $_POST ['name'] : null;
  4. if ($do == 'test') {
  5. echo $name;
  6. echo gbkToUtf8('技术源于实践,实践必然优秀!');
  7. }
  8. function gbkToUtf8 ($value) {
  9. return iconv("gbk", "UTF-8", $value);
  10. }
  11. ?>

通过gbkToUtf8()函数把GBK转换成UTF8,效果图如下:
结合PHP实例谈谈如何解决jQuery.ajax提交GB2312或GBK编码中文乱码问题jquery_ajax_test_3

从效果图可知,处理文件响应输出的是utf8字符乱码,但实际打印结果是正确的字符。因此乱码问题解决。

三,如何把jQuery.ajax保存到数据库中再显示

如果使用jQuery.ajax提交的数据需要保存到数据库中,直接存储将会是UTF8的乱码,因此,在存储前需要把utf8转化为gbk,增加如下函数

  1. function utf8ToGBK ($value) {
  2. return iconv("UTF-8", "gbk", $value);
  3. }

使用utf8ToGBK()函数就可以把jQuery.ajax提交的数据转换成我们需要存储的编码,这个过程非常重要。

如果将数据存储到数据库然后再显示到页面,那么需要经过三个步骤
1,使用utf8ToGBK()函数转换
2,存储到数据库
3,从数据库取出数据,再使用gbkToUtf8()函数转换显示到页面

解决jQuery.ajax中文乱码问题关键在于了解字符编码的状态,你要准确的知道当前字符是什么编码,这样才能对症下药,在PHP中使用 iconv函数可以轻松实现内码转换,可以快速进行编码的转换。同时结合Fixfox的firebug工具,查看当前请求响应情况。掌握乱码产生的原因, 并会学如何解决乱码问题。

  评论这张
 
阅读(2004)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018