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

发布于 2015年11月28日
by
归档于 HTML

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 plaincopy

  1. <?php
  2.     header(“Content-type:text/html;charset=UTF-8”);
  3. ?>
  4. <input type=“button” value=” Load “ id=“button1”>
  5. <div id=“div1”>Loading</div>
  6. <script type=“text/javascript”>
  7.     window.onload=function() {
  8.         document.getElementById(“button1”).onclick=function() {
  9.             var xmlHttp;
  10.             var url=“t.php?id=’测试’&nu=”+Math.random();
  11.             url=encodeURI(url);              //这里是重点
  12.             if(window.XMLHttpRequest) {
  13.                 xmlHttp=new XMLHttpRequest();
  14.             }
  15.             else {
  16.                 xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);
  17.             }
  18.             xmlHttp.onreadystatechange=function() {
  19.                 if(xmlHttp.readyState==4&&xmlHttp.status==200) {
  20.                     document.getElementById(“div1”).innerHTML=xmlHttp.responseText;
  21.                 }
  22.             }
  23.             xmlHttp.open(“GET”,url,true);
  24.             xmlHttp.send();
  25.             //xmlHttp.open(“POST”,”t.php”,true);
  26.             //xmlHttp.open(“POST”,url,true);
  27.             //xmlHttp.setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”);
  28.             //xmlHttp.send(“id=’测试’&nu=”+Math.random());
  29.             //xmlHttp.send();
  30.         }
  31.     }
  32. </script>

服务器端t.php

[php] view plaincopy

  1. <?php
  2.     header(“Content-type:text/html;charset=UTF-8”);
  3.     //echo “这是测试中文”; //如果是直接这样向客户端输出中文，不通过$_GET或者$_POST传递的参数
  4.     //则只需客户端和服务器端编码一致，无论是UTF-8还是GBK，都不会出现乱码
  5.     echo $_GET[‘id’].$_GET[‘nu’];
  6.     //echo iconv(“UTF-8″,”GBK”,$_GET[‘id’].$_GET[‘nu’]);
  7.     //echo $_POST[‘id’].$_POST[‘nu’];
  8.     //echo iconv(“UTF-8″,”GBK”,$_POST[‘id’].$_POST[‘nu’]);
  9. ?>

 

另在IE中可能存在这样一个问题：

由于出现错误c00ce56e而导致此项操作无法完成

此时设置编码时将header(‘Content-Type:text/html;charset=utf8’)改为header(‘Content-Type:text/html;charset=utf-8’)即可。

发表评论?

发表评论