Ajax的兼容性问题
要解决兼容问题首先注意以下几点:
1,document.getElementById替代document.all(ie适用)
2,集合[]替代()(ie适用)
3,target替代srcElement;parentNode替代parentElement(parentNode ie适用)
4,node.parentNode.removeChild(node)替代removeNode(this)(ie适用)
5,DOMMouseScroll替代onmousewheel;-e.detail替代event.wheelDelta
6,addEventListener替代attachEvent;removeEventListener替代detachEvent
7e.preventDefault()替代event.returnValue=false;e.stopPropagation()替代event.cancelBubble=true
8,style.top、style.left等严格检查"px"单位(加"px" ie适用)
9,style="-moz-opacity:0.9"替代style="filter:alpha(opacity=90)";无其它filter
10,style.cursor="pointer"替代style.cursor="hand"(ie适用)
11,title替代alt(ie适用)
12.所有的空间在引用时都要这样引用:document.getElementById(“XX”)。
注:标明“ie适用”者为通用性建议写法,未标明者在ie里不适用。
在AJAX中,如果网络或远程服务器出现中断,会发生什么呢?实际上,存在两个主要问题;默认地,它们并没有在XMLHttpRequest对象中得到解决。这两个主要问题是:
1.处理延迟:如果网络或远程服务器耗费较多时间,那么这个问题如何与你的AJAX应用程序相联系呢?
2.响应顺序:潜在地,网络(或服务器)会不断变化。这意味着,响应可能不会以与请求相同的顺序返回。
为了处理上面这两个问题,程序员必须编写代码来解决这个问题。对于第一个问题,一种可能的方案如下所示:
function callInProgress(xmlhttp) {
switch ( xmlhttp.readyState ) {
case 1,2,3:
return true;
break;
//Case 4和0
default:
return false;
break;
}
}
现在,在调用send()前,我可以先检查一下是否该对象正处于忙态:
if ( !callInProgress(xmlhttp) ) {
xmlhttp.send(null);
} else {
alert("I'm busy. Wait a moment");
}
(一) 支持Ajax技术的浏览器
·微软Internet Explorer版本5.0及以上版本,和基于它的浏览器(Mac OS版本不支持)
·基于Gecko的浏览器,如Mozilla,Mozilla Firefox,SeaMonkey,Epiphany,Galeon和Netscape版本7.1及以上版本
·实现KHTML API版本3.2及以上版本的浏览器,包括Konqueror版本3.2及以上版本,还有Apple Safari版本1.2及以上版本
·Opera浏览器版本8.0及以上版本,包括Opera Mobile浏览器版本8.0及以上版本
(二) 不支持Ajax技术的浏览器
·Opera 7及以下版本
·微软Internet Explorer 4.0及以下版本
·基于文本的浏览器,如Lynx和Links
·没有可视化实现的浏览器
·1997年以前的浏览器
Ajax传输中文兼容性问题的解决方案
使用ajax时,采用get传值,如果url中含有中文,我们可以发现在火狐和IE下服务器端获得的值是不一样的。因为火狐采用的是utf8编码传值,而IE采用的gb2312编码传值的。解决这个兼容性问题有两个方案,具体如下:
方案1:客户端处理。对中文进行编码。
HTML代码:
<script> $(function(){ $.ajax({ url:'index.php?name='+encodeURI('小明'), success:function(msg){ alert(msg); } }); }) </script>
PHP代码:
<?php $name = urldecode($_GET['name']); echo $name; // 输出"小明" ?>
方案2:服务器端处理。判断字符编码,进行转码。
HTML代码:
<script> $(function(){ $.ajax({ url:'index.php?name='小明'", success:function(msg){ alert(msg); } }); }) </script>
PHP代码:
<?php // 函数判断是否是utf8编码 function is_utf8($string) { return preg_match('%^(?: [\x09\x0A\x0D\x20-\x7E] | [\xC2-\xDF][\x80-\xBF] | \xE0[\xA0-\xBF][\x80-\xBF] | [\xE1-\xEC\xEE\xEF][\x80-\xBF]{2} | \xED[\x80-\x9F][\x80-\xBF] | \xF0[\x90-\xBF][\x80-\xBF]{2} | [\xF1-\xF3][\x80-\xBF]{3} | \xF4[\x80-\x8F][\x80-\xBF]{2} )*$%xs', $string); } $name = $_GET['name']; if(!is_utf8($name)) { $name = iconv("gb2312", "utf8", $name); }
当然,以上情况都是基于服务器端的编码是utf8的情况下的。