Ajax中文乱码解决方案最终版-兼容IE和FF
2012-03-17 11:18
375 查看
Ajax技术的核心为Javascript,而javascript使用的是UTF-8编码,因此在页面采用GBK或者其他编码,同时没有进行编码转换时,就会出现中文乱码的问题。以下是分别使用GET和POST方式传值,并且页面采用GBK和UTF-8编码在IE和FF下的不同测试结果和出现乱码时的解决方案
以下为测试的代码:
客户端index.php
服务器端t.php
另在IE中可能存在这样一个问题:
由于出现错误c00ce56e而导致此项操作无法完成
此时设置编码时将header('Content-Type:text/html;charset=utf8')改为header('Content-Type:text/html;charset=utf-8')即可。
传值方式 | 客户端编码 | 服务器端编码 | 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 header("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
<?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')即可。
相关文章推荐
- Ajax中文乱码解决方案最终版-兼容IE和FF .
- Ajax中文乱码解决方法(兼容ie ff)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX中文乱码PHP完美解决(IE和Firefox兼容)
- AJAX传输数据的中文乱码之完全解决方案
- FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome
- JQuery中Ajax提交在IE下中文乱码的解决方法
- ajax url中含有中文参数 后台接受产生乱码解决方案
- 兼容各浏览器的文件下载时中文名称乱码的解决方案
- ajax中文乱码原因分析及解决方案
- java 中文乱码的解决办法!兼容谷歌,IE,FIREFOX(火狐)
- IE7.0RC1,CSS兼容(ie6,ff浏览器)解决方案
- IE兼容 请求参数中文乱码或请求无效 转义与转码