程序员人生 网站导航

php ajax交互汉字乱码的问题解决方法

栏目：php教程时间：2013-10-26 13:23:32

ajax只支持utf-8格式，不能支持gb2312编码格式，所以经常遇到gb2312的编码的程序使用ajax就出现乱码，刚找到一种解决方案是：

服务器端传送的数据仍是gb2312编码，客户端用js将汉字转变成utf8编码显示在页面

方法一json

一，服务器端json数据用php的iconv函数转换：iconv('gb2312', 'utf8', "被转换字符串，输出到浏览器");

客户端获取utf8数据，再转成gb2312：

  1. function gb2utf8(data){//gb编码是，ie通过二进制码utf8->gbk转为中文   
  2.      var glbencode = [];   
  3.      gb2utf8_data = data;   
  4.      execscript("gb2utf8_data = midb(gb2utf8_data, 1)", "vbscript");   
  5.      var t=escape(gb2utf8_data).replace(/%u/g,"").replace(/(.{2})(.{2})/g|>,"%$2%$1").replace(/%([a-z].)%(.{2})/g|>,"@$1$2");   
  6.      t=t.split("@");   
  7.      var i=0,j=t.length,k;   
  8.      while(++i<j)>   
  9.          k=t.substring(0,4);   
  10.          if(!glbencode[k]) {   
  11.              gb2utf8_char = eval("0x"+k);   
  12.              execscript("gb2utf8_char = chr(gb2utf8_char)", "vbscript");   
  13.              glbencode[k]=escape(gb2utf8_char).substring(1,6);   
  14.          }   
  15.          t=glbencode[k]+t.substring(4);   
  16.      }   
  17.      gb2utf8_data = gb2utf8_char = null;   
  18.      return unescape(t.join("%"));   
  19. } 

二，header("content-type", "application/x-www-form-urlencoded; charset=gbk"); //输出头标，设置为gbk编码

三，在ajax请求数据前调用上面的方法指定请求使用的字符集:xmlhttp.setrequestheader( "content-type", "application/x-www-form-urlencoded;charset=gbk");

方案二:search.php

  1. <?php 
  2. header("content-type: text/html; charset=gb2312"); 
  3. include './search.htm'; 
  4. ?> 
  5. search.htm 
  6. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 
  7. <html xmlns="http://www.w3.org/1999/xhtml"> 
  8. <head> 
  9. <meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
  10. <title>高级搜索</title> 
  11. </head> 
  12. <body> 
  13. <h3>高级搜索</h3> 
  14. <form method="post" action=""> 
  15.   学校类型: 
  16.   <select name="schooltype"> 
  17.     <option value="">全部</option> 
  18.     <option value="1">小学</option> 
  19.     <option value="2">初中</option> 
  20.   </select> 
  21.   学校名称: 
  22.   <select name="sid" id="sid"> 
  23.     <option value="">请选择学校</option> 
  24.   </select> 
  25. </form> 
  26. <script type="text/"> 
  27. function ajax(settings) { 
  28.     var xhr = window.activexobject ? new activexobject("microsoft.xmlhttp") : new xmlhttprequest(), successed = false; 
  29.     xhr.open(settings.type, settings.url); 
  30.     if(settings.type == 'post') 
  31.      xhr.setrequestheader('content-type', 'application/x-www-form-urlencoded'); 
  32.     xhr.send((!settings.cache ? 'time=' + new date().gettime() + '&' : '') + settings.data); 
  33.     settings.loader(); 
  34.     settimeout(function() { 
  35.         if(!successed) { 
  36.             alert('resquest timeout!'); 
  37.             xhr.abort(); 
  38.         } 
  39.     }, settings.timeout); 
  40.     xhr.onreadystatechange = function() { 
  41.         if (xhr.readystate == 4 && xhr.status == 200) { 
  42.             settings.callback(xhr.responsetext.replace(/(^s*)|(s*$)/g, "")); 
  43.         } 
  44.         successed = true; 
  45.     } 
  46. } 
  47. function a(t) { 
  48. ajax({ 
  49.   type: 'post', 
  50.   url: 'ajax.php', 
  51.   data: 'schooltype=' + t, 
  52.   timeout: 8000, 
  53.   cache: true, 
  54.   loader: function() {}, 
  55.   callback: function(d) { 
  56.    var arr = eval(d); 
  57.    if(typeof(arr) == 'object') { 
  58.     var obj, option; 
  59.     document.getelementbyid('sid').innerhtml = ''; 
  60.     for(var i = 0; obj = arr; i ++) { 
  61.      option = document.createelement('option'); 
  62.      option.value = obj[0]; 
  63.      option.innerhtml = txt2utf8(obj[1], '&#'); 
  64.      document.getelementbyid('sid').appendchild(option); 
  65.     } 
  66.    } 
  67.   } 
  68. }) 
  69. } 
  70. function txt2utf8(string, prefix){ 
  71.     for(var i=0,utf8=[];i<string.length;utf8.push((prefix||'u')+string.charcodeat(i++))); 
  72.     return utf8.join(''); 
  73. } 
  74. a(0); 
  75. </script> 
  76. </body> 
  77. </html> 
  78. ajax.php 
  79. <?php 
  80. header("content-type: text/html; charset=gb2312"); 
  81. $schooltype = !emptyempty($_post['schooltype']) ? $_post['schooltype'] : 0; 
  82. switch($schooltype) { 
  83.     case 0: 
  84.         echo "[['40', '太平溪镇花栗包完全小学'],['41', '太平溪镇长岭黑龙江希望小学'],['42', '乐天溪镇初级中学'],['43', '乐天溪镇莲沱初级中学']]"; 
  85.         break; 
  86.     case 1: 
  87.         echo "[['40', '太平溪镇花栗包完全小学'],['41', '太平溪镇长岭黑龙江希望小学']]"; 
  88.         break; 
  89.     case 2: 
  90.         echo "[['42', '乐天溪镇初级中学'],['43', '乐天溪镇莲沱初级中学']]"; 
  91.         break; 
  92.     default: 
  93.         break; 
  94. } 
  95. ?> 
------分隔线----------------------------

上一篇 Zend Framework教程-入门相关

下一篇 实例：一步一步教你做网页标题优化

------分隔线----------------------------

最新技术推荐

1Java并发编程的艺术(六)——线程间的通信 2Java并发编程的艺术(三)——volatile 3Node核心模块之Events 4myeclipse源码相关操作 5springMVC源码分析--RequestParamMethodArgumentResolver参数解析器（三） 6Java基本数据类型总结 7java结合testng，利用XML做数据源的数据驱动示例