Ajax中文亂碼解決方案最終版-相容IE和FF__Ajax

Ajax技術的核心為Javascript，而javascript使用的是UTF-8編碼，因此在頁面採用GBK或者其他編碼，同時沒有進行編碼轉換時，就會出現中文亂碼的問題。以下是分別使用GET和POST方式傳值，並且頁面採用GBK和UTF-8編碼在IE和FF下的不同測試結果和出現亂碼時的解決方案

傳值方式	用戶端編碼	伺服器端編碼	IE	FF	解決方案
GET	UTF-8	UTF-8	接收$_GET傳遞的參數時出現亂碼	正常	用戶端url=encodeURI(url)
GET	GBK	GBK	正常	接收$_GET傳遞的參數時出現亂碼	用戶端url=encodeURI(url) 伺服器端 $str=iconv("UTF-8","GBK",$str)
POST	UTF-8	UTF-8	接收$_GET傳遞的參數時出現亂碼	正常	用戶端url=encodeURI(url)
POST	UTF-8	UTF-8	接收$_POST傳遞的參數時正常	接收$_POST傳遞的參數時正常	推薦採用方式
POST	GBK	GBK	正常	接收$_GET傳遞的參數時出現亂碼	用戶端url=encodeURI(url) 伺服器端 $str=iconv("UTF-8","GBK",$str)
POST	GBK	GBK	接收$_POST傳遞的參數時出現亂碼	接收$_POST傳遞的參數時出現亂碼	伺服器端 $str=iconv("UTF-8","GBK",$str)

以下為測試的代碼：

用戶端index.php

<?phpheader("Content-type:text/html;charset=UTF-8");?><input type="button" value=" Load " id="button1"><div id="div1">Loading</div><script type="text/javascript">window.onload=function() {document.getElementById("button1").onclick=function() {var xmlHttp;var url="t.php?id='測試'&nu="+Math.random();url=encodeURI(url);              //這裡是重點if(window.XMLHttpRequest) {xmlHttp=new XMLHttpRequest();}else {xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlHttp.onreadystatechange=function() {if(xmlHttp.readyState==4&&xmlHttp.status==200) {document.getElementById("div1").innerHTML=xmlHttp.responseText;}}xmlHttp.open("GET",url,true);xmlHttp.send();//xmlHttp.open("POST","t.php",true);//xmlHttp.open("POST",url,true);//xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//xmlHttp.send("id='測試'&nu="+Math.random());//xmlHttp.send();}}</script>

伺服器端t.php

<?phpheader("Content-type:text/html;charset=UTF-8");//echo "這是測試中文"; //如果是直接這樣向用戶端輸出中文，不通過$_GET或者$_POST傳遞的參數//則只需用戶端和伺服器端編碼一致，無論是UTF-8還是GBK，都不會出現亂碼echo $_GET['id'].$_GET['nu'];//echo iconv("UTF-8","GBK",$_GET['id'].$_GET['nu']);//echo $_POST['id'].$_POST['nu'];//echo iconv("UTF-8","GBK",$_POST['id'].$_POST['nu']);?>

另在IE中可能存在這樣一個問題：

由於出現錯誤c00ce56e而導致此項操作無法完成

此時設定編碼時將header('Content-Type:text/html;charset=utf8')改為header('Content-Type:text/html;charset=utf-8')即可。