AJAX 的要点是 XMLHttpRequest 对象。
不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。
IE 浏览器使用ActiveXObject,而其他的浏览器使用名为XMLHttpRequest的 JavaScript 内建对象。
如需针对不同的浏览器来创建此对象,我们要使用一条 "try and catch" 语句。
让我们用这段创建 XMLHttpRequest 对象的 JavaScript 来更新一下我们的 "testAjax.htm" 文件:
- <htmlxmlns="http://www.w3.org/1999/xhtml">
- headrunat="server">
- title></scripttype="text/javascript" functionajaxFunction(){
- varxmlHttp=false;
- try{
- xmlHttp=newActiveXObject("Msxml2.XMLHTTP");//iemsxml3.0+(IE7.0及以上)
- }catch(e){
- try{
- xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//iemsxml2.6(IE5/6)
- }catch(e2){
- xmlHttp=false;
- }
- }
- if(!xmlHttp&&typeofXMLHttpRequest!='undefined'){//Firefox,Opera8.0+,Safari
- xmlHttp=newXMLHttpRequest();
- returnxmlHttp;
- scriptheadbodyformname="myForm"action=""method="post" 用户:inputtype="text"name="username"/>
- 时间:inputtype="text"name="time"/>
- formhtml
注释:上面这些浏览器定制的代码很长,也很复杂。不过,每当您希望创建 XMLHttpRequest 对象时,这些代码就能派上用场,因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器:Internet Explorer、Opera、Firefox 以及 Safari。