XHR的对象及用法

本文详细介绍了如何利用JavaScript中的XMLHttpRequest和ActiveXObject创建XHR对象,进而实现HTTP GET请求,并展示了请求成功与失败时的响应处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function  createXHR(){
   
    //检测原生XHR对象是否存在,如果存在刚返回它的新实例;
    //如果不存在,则检测ActiveX对象;
    //如果两个都不存在,就抛出一个错误。
   
    if(typeof XMLHttpRequest != "undefined"){
        return new XMLHttpRequest();
    }else if(typeof ActiveXObject != "undefined"){
        //适合IE7之前的版本
        if(typeof arguments.callee.activeXString != "string"){
            var versions = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML.XMLHttp"];
            for(var i=0,len=versions.length; i<len; i++){
                try{
                    var xhr = new ActiveXObject(versions[i]);
                    arguments.callee.activeXString = versions[i];
                    return xhr;
                }catch (ex){
                    //跳过
                }
            }
        }
       
        return new ActiveXObject(arguments.callee.activeXString);
    }else{
        throw new Error("No XHR object available.");
    };
}


//创建XHR对象
var xhr = createXHR();
xhr.onreadystatechange =  function(){
    if(xhr.readyState == 4){
        if((xhr.status >=200 && xhr.status < 300 ) || xhr.status == 304 ){
            alert(xhr.responseText);
        }else{
            alert("Request was unsuccessful : " + xhr.status);
        }
    }
}   

//读取example文本
xhr.open("get","example.txt",true);
xhr.send(null);

转载于:https://www.cnblogs.com/waitingbar/p/3998582.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值