Maison  >  Article  >  interface Web  >  À propos de l'objet XMLHttpRequest

À propos de l'objet XMLHttpRequest

一个新手
一个新手original
2017-09-20 10:09:301337parcourir


要使用XHR对象,需要编写一个函数。

Méthode 1 :

Les avantages sont simples et peuvent fonctionner sur la plupart des versions d'IE, mais il n'y a pas de détection de version, donc ce n'est pas grave si vous ne le faites pas connaître la version inférieure non.

var http_request; 
function creatXHR(){
            if(window.ActiveXObject){
                http_request=new ActiveXObject("Microsoft.XMLHTTP");
            }else{
                http_request=new XMLHttpRequest();
            }
}

Méthode 2

来自书《JavaScript高级程序设计(第3版)》
首先检测原生XHR对象是否存在,如果存在就返回它的新实例。如果不存在就检测ActiveX对象。如果两种都不存在,就抛出错误。
关注if (typeof arguments.callee.activeXString != "string")这一句,如果有以前缓存的activeXString对象,下一次就不会执行if里面的东西。通过数组和for循环创建,很清晰,很严谨。
function createXHR() {
        if (typeof XMLHttpRequest != "undefined") {            
        return new XMLHttpRequest(); //IE7+和其他浏览器支持的
        } else if (typeof ActiveXObject != "undefined") { //IE7-支持的
            **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 (e) {                        //跳过
                    }
                }
            }            return new ActiveXObject(arguments.callee.activeXString); //返回ActiveXObject对象
        } else { //全部不支持,抛出错误
            throw new Error("No XHR object available!");
        }
    }    var XHR = createXHR();

Méthode 3

网上看见的方法,考虑惰性函数的优点,一次检测之后重写构造方法。
在方法二的基础上加入惰性函数,构成方法三。

   **惰性载入表示函数执行的分支只会在函数第一次掉用的时候执行,在第一次调用过程中,该函数会被覆盖为另一个按照合适方式执行的函数,这样任何对原函数的调用就不用再经过执行的分支了。**

   哇!觉得惰性函数是真的好玩!
function createXHR() {
        if (typeof XMLHttpRequest != "undefined") {            //在第一次执行的时候重写createXHR函数
            createXHR = function() {
                return new XMLHttpRequest();
            };

        } else if (typeof ActiveXObject != "undefined") {

            createXHR = function() {
                if (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 {

            createXHR = function() {
                throw new Error("No XHR object available.");
            };

        }        
        return createXHR();
    }    
    var XHR = createXHR();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn