php ajax交互漢字亂碼的問題解決方法

2024-05-04 21:56:51

字體：大中小

來源：轉載

供稿：網友

ajax只支持utf-8格式，不能支持gb2312編碼格式，所以經常遇到gb2312的編碼的程序使用ajax就出現亂碼，剛找到一種解決方案是：

服務器端傳送的數據仍是gb2312編碼，客戶端用js將漢字轉變成utf8編碼顯示在頁面

方法一json

一，服務器端json數據用php的iconv函數轉換：iconv('gb2312', 'utf8', "被轉換字符串，輸出到瀏覽器");

客戶端獲取utf8數據，再轉成gb2312：

function gb2utf8(data){//gb編碼是，ie通過二進制碼utf8->gbk轉為中文

     var glbencode = [];

     gb2utf8_data = data;

     execscript("gb2utf8_data = midb(gb2utf8_data, 1)", "vbscript");

     var t=escape(gb2utf8_data).replace(/%u/g,"").replace(/(.{2})(.{2})/g|>,"%$2%$1").replace(/%([a-z].)%(.{2})/g|>,"@$1$2");

     t=t.split("@");

     var i=0,j=t.length,k;

     while(++i<j)>

         k=t.substring(0,4);

         if(!glbencode[k]) {

             gb2utf8_char = eval("0x"+k);

             execscript("gb2utf8_char = chr(gb2utf8_char)", "vbscript");

             glbencode[k]=escape(gb2utf8_char).substring(1,6);

         }

         t=glbencode[k]+t.substring(4);

     }

     gb2utf8_data = gb2utf8_char = null;

     return unescape(t.join("%"));

}

二，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

<?php

header("content-type: text/html; charset=gb2312");

include './search.htm';

?>

search.htm

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>高級搜索</title>

</head>

<body>

<h3>高級搜索</h3>

<form method="post" action="">

  學校類型:

  <select name="schooltype">

    <option value="">全部</option>

    <option value="1">小學</option>

    <option value="2">初中</option>

  </select>

  學校名稱:

  <select name="sid" id="sid">

    <option value="">請選擇學校</option>

  </select>

</form>

<script type="text/">

function ajax(settings) {

    var xhr = window.activexobject ? new activexobject("microsoft.xmlhttp") : new xmlhttprequest(), successed = false;

    xhr.open(settings.type, settings.url);

    if(settings.type == 'post')

     xhr.setrequestheader('content-type', 'application/x-www-form-urlencoded');

    xhr.send((!settings.cache ? 'time=' + new date().gettime() + '&' : '') + settings.data);

    settings.loader();

    settimeout(function() {

        if(!successed) {

            alert('resquest timeout!');

            xhr.abort();

        }

    }, settings.timeout);

    xhr.onreadystatechange = function() {

        if (xhr.readystate == 4 && xhr.status == 200) {

            settings.callback(xhr.responsetext.replace(/(^s*)|(s*$)/g, ""));

        }

        successed = true;

    }

}

function a(t) {

ajax({

  type: 'post',

  url: 'ajax.php',

  data: 'schooltype=' + t,

  timeout: 8000,

  cache: true,

  loader: function() {},

  callback: function(d) {

   var arr = eval(d);

   if(typeof(arr) == 'object') {

    var obj, option;

    document.getelementbyid('sid').innerhtml = '';

    for(var i = 0; obj = arr; i ++) {

     option = document.createelement('option');

     option.value = obj[0];

     option.innerhtml = txt2utf8(obj[1], '&#');

     document.getelementbyid('sid').appendchild(option);

    }

   }

  }

})

}

function txt2utf8(string, prefix){

    for(var i=0,utf8=[];i<string.length;utf8.push((prefix||'u')+string.charcodeat(i++)));

    return utf8.join('');

}

a(0);

</script>

</body>

</html>

ajax.php

<?php

header("content-type: text/html; charset=gb2312");

$schooltype = !emptyempty($_post['schooltype']) ? $_post['schooltype'] : 0;

switch($schooltype) {

    case 0:

        echo "[['40', '太平溪鎮花栗包完全小學'],['41', '太平溪鎮長嶺黑龍江希望小學'],['42', '樂天溪鎮初級中學'],['43', '樂天溪鎮蓮沱初級中學']]";

        break;

    case 1:

        echo "[['40', '太平溪鎮花栗包完全小學'],['41', '太平溪鎮長嶺黑龍江希望小學']]";

        break;

    case 2:

        echo "[['42', '樂天溪鎮初級中學'],['43', '樂天溪鎮蓮沱初級中學']]";

        break;

    default:

        break;

}

?>