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。