AJAX学习笔记(六)_重构


var net = new Object();//定义全局变量net
//编写构造函数
net.AjaxRequest = function(url,onload,onerror,method,params){
    this.req = null;
    this.onload = onload;
    this.onerror =(onerror)?onerror:this.defaultError;
    this.loadDate(url,method,params);
};
//编写用于初始化XMLHTTPRequest对象并制定 处理函数,最后发送http请求的方法
net.AjaxRequest.prototype.loadDate = function(url,method,params){
    if(!method){
        method = "GET";
    }
    if(window.XMLHttpRequest){
        this.req = new XMLHttpRequest();
    }else if(window.ActiveXObject){
        this.req = new ActiveXObject();
    }
    if(this.req){
        try{
            var loader = this;
            this.req.onreadystatechange = function(){
                net.AjaxRequest.OnReadyState.call(loader);
            };
            this.req.open(method,url,true);
            if(method="POST"){
                this.req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            }
            this.send(params);
        }catch(err){
            this.error.call(this);
        }
    }
};

//重构回调函数
net.AjaxRequest.onReadyState = function(){
    var req = this.req;
    var ready = req.readystate;
    if(ready == 4){
        if(req.status == 200){
            this.onload.call(this);
        }else{
            this.onerror.call(this);
        }
    }
};

//重构默认的错误函数
net.AjaxRequest.prototype.defaultError = function(){
    alert("错误数据\n\n回调状态:" + this.req.readyState + "\n 状态:" + this.req.status);
};

可保存为AjaxRequest.js文件,需要时引入即可。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值