ajax兼容各种浏览器

前端之家收集整理的这篇文章主要介绍了ajax兼容各种浏览器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


AJAX 的要点是 XMLHttpRequest 对象。

不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。

IE 浏览器使用ActiveXObject,而其他的浏览器使用名为XMLHttpRequest的 JavaScript 内建对象。

如需针对不同的浏览器来创建此对象,我们要使用一条 "try and catch" 语句。

让我们用这段创建 XMLHttpRequest 对象的 JavaScript 来更新一下我们的 "testAjax.htm" 文件

[html] view plain copy
  1. <htmlxmlns="http://www.w3.org/1999/xhtml">
  2. headrunat="server">
  3. title></scripttype="text/javascript" functionajaxFunction(){
  4. varxmlHttp=false;
  5. try{
  6. xmlHttp=newActiveXObject("Msxml2.XMLHTTP");//iemsxml3.0+(IE7.0及以上)
  7. }catch(e){
  8. try{
  9. xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//iemsxml2.6(IE5/6)
  10. }catch(e2){
  11. xmlHttp=false;
  12. }
  13. }
  14. if(!xmlHttp&&typeofXMLHttpRequest!='undefined'){//Firefox,Opera8.0+,Safari
  15. xmlHttp=newXMLHttpRequest();
  16. returnxmlHttp;
  17. scriptheadbodyformname="myForm"action=""method="post" 用户:inputtype="text"name="username"/>
  18. 时间:inputtype="text"name="time"/>
  19. formhtml

注释:上面这些浏览器定制的代码很长,也很复杂。不过,每当您希望创建 XMLHttpRequest 对象时,这些代码就能派上用场,因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器:Internet Explorer、Opera、Firefox 以及 Safari。

猜你在找的Ajax相关文章