实现基本的AJAX JavaScript方法

　　我将JavaScript方法分成两部分：调用特殊页的JavaScript方法和一般的JavaScript方法。特殊的方法包括一个回调方法，它的作用是更新页面内容。而其它的AJAX方法负责建立一个XmlHttp对象，并向服务端发出一个异步的HTTP请求。

　　建立的XmlHttp对象因客户端浏览器的不同而有所差异。本文只考虑两种浏览器：一个是Microsoft的IE系列浏览器；另一个是Mozilla系列浏览器，包括Mozilla Firefox、Netscape和Safari。我也在Opera浏览器上测试过，但我不能保证本文的代码可以很好地运行Opera浏览器上。下面是如何建立XmlHttp对象的代码：

function GetXmlHttpObject(handler)
{
　var objXmlHttp = null;
　if (!window.XMLHttpRequest)
　{
　　// Microsoft
　　objXmlHttp = GetMSXmlHttp();
　　if (objXmlHttp != null)
　　{
　　　objXmlHttp.onreadystatechange = handler;
　　}
　}
　else
　{
　　// Mozilla | Netscape | Safari
　　objXmlHttp = new XMLHttpRequest();
　　if (objXmlHttp != null)
　　{
　　　objXmlHttp.onload = handler;
　　　objXmlHttp.onerror = handler;
　　}
　}
　return objXmlHttp;
}

function GetMSXmlHttp()
{
　var xmlHttp = null;
　var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0",
"Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0",
"Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"];
　for(var i=0; i　　xmlHttp = CreateXmlHttp(clsids[i]);
　}
　return xmlHttp;
}

function CreateXmlHttp(clsid) {
　var xmlHttp = null;
　try {
　　xmlHttp = new ActiveXObject(clsid);
　　lastclsid = clsid;
　　return xmlHttp;
　}
　catch(e) {}
}

　　由于MSXML5只是为Office设计的，因此，我们可以不考虑MSXML5。所以GetMSXmlHttp方法可以简化为以下形式：

function GetMSXmlHttp() {
　var xmlHttp = null;
　var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0"];
　for(var i=0; i　　xmlHttp = CreateXmlHttp(clsids[i]);
　}
　return xmlHttp;
}

　　我们可以看出，GetXmlHttpObject方法有一个handle参数，这个参数指向一个回调方法，这个回调方法将被定义在每一个需要刷新的aspx页中。现在我们已经有了一个XmlHttp对象，接下来我们可以发送一个异步的HTTP请求了。

function SendXmlHttpRequest(xmlhttp, url) {
　xmlhttp.open('GET', url, true);
　xmlhttp.send(null);
}

　　在以上代码中我使用了一个GET HTTP请求发送了一个URL，你可以很容易修改以上的JavaScript代码，使其发送其它的HTTP方法。

上一页  [1] [2] [3] 下一页