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

来源:互联网 发布:保定东方云网络优化 编辑:程序博客网 时间:2024/05/18 02:31

Ajax技术的核心为Javascript,而javascript使用的是UTF-8编码,因此在页面采用GBK或者其他编码,同时没有进行编码转换时,就会出现中文乱码的问题。以下是分别使用GET和POST方式传值,并且页面采用GBK和UTF-8编码在IE和FF下的不同测试结果和出现乱码时的解决方案

传值方式客户端编码服务器端编码IEFF解决方案GETUTF-8UTF-8接收$_GET传递的参数时出现乱码正常客户端url=encodeURI(url)GETGBKGBK正常接收$_GET传递的参数时出现乱码客户端url=encodeURI(url)
服务器端
$str=iconv("UTF-8","GBK",$str)POSTUTF-8UTF-8接收$_GET传递的参数时出现乱码正常客户端url=encodeURI(url)POST
UTF-8UTF-8接收$_POST传递的参数时正常接收$_POST传递的参数时正常推荐采用方式POSTGBKGBK正常接收$_GET传递的参数时出现乱码客户端url=encodeURI(url)
服务器端
$str=iconv("UTF-8","GBK",$str)POSTGBKGBK接收$_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')即可。