Ajax中文乱码解决方案

 原文章地址   Ajax中文乱码解决方案最终版-兼容IE和FF



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

[php]
view plain
copy

<?php  
    header("Content-type:text/html;charset=UTF-8");  
?>  
<input type="button" value=" Load " id="button1">  
<div id="div1">Loading</div>  
<script type="text/ja
4000
vascript">  
    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

[php]
view plain
copy

<?php  
    header("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')即可。