JS高程筆記 - ajax

I_Am 發(fā)布于2019-08-20 18:34 / 2287人閱讀

摘要：假如你只想支持及更高版本那么大可丟掉前面定義的那個函數(shù)而只用原生的實(shí)現(xiàn)。跳過這個函數(shù)中新增的代碼首先檢測原生對象是否存在如果存在則返回它的新實(shí)例。如果原生對象不存在則檢測對象。如果這兩種對象都不存在就拋出一個錯誤。

XMLHttpRequest 對象

IE7+、Firefox、Opera、Chrome 和 Safari 都支持原生的 XHR 對象,在這些瀏覽器中創(chuàng)建 XHR 對象要像下面這樣使用 XMLHttpRequest 構(gòu)造函數(shù)。

var xhr = new XMLHttpRequest();

假如你只想支持 IE7 及更高版本,那么大可丟掉前面定義的那個函數(shù),而只用原生的 XHR 實(shí)現(xiàn)。但是,如果你必須還要支持 IE 的早期版本,那么則可以在這個 createXHR()函數(shù)中加入對原生 XHR對象的支持。

function createXHR() {
    if (typeof XMLHttpRequest != "undefined") {
        return new XMLHttpRequest();
    } else if (typeof ActiveXObject != "undefined") {
        if (typeof arguments.callee.activeXString != "string") {
            var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"],
                    i, len;
            for (i = 0, len = versions.length; i < len; i++) {
                try {
                    new ActiveXObject(versions[i]);
                    arguments.callee.activeXString = versions[i];
                    break;
                } catch (ex) {
                    //跳過
                }
            }
        }
        return new ActiveXObject(arguments.callee.activeXString);
    } else {
        throw new Error("No XHR object available.");
    }
}
var xhr = createXHR();

這個函數(shù)中新增的代碼首先檢測原生 XHR 對象是否存在,如果存在則返回它的新實(shí)例。如果原生對象不存在,則檢測ActiveX 對象。如果這兩種對象都不存在,就拋出一個錯誤。然后,就可以使用下面的代碼在所有瀏覽器中創(chuàng)建 XHR 對象了。