jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数

jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数

onreadystatechange函数主要处理服务器返回的数据
源码简化如下:

var onreadystatechange = function(){
    var status = (xhr.status >= 200 && xhr.status < 300)?"success":"error";
   if ( status == "success" ) {
        try {
            data =httpData( xhr, s.dataType, s.dataFilter );
        } catch(e) {
            status = "parsererror";
        }
    }
    if(status == "success" ){
        success();
    }else{
        complete();
    }
    function success(data){
            if ( s.success )
                s.success( data, status );
    }
    function complete(){
            // Process result
            if ( s.complete )
                s.complete(xhr, status);
        }
}

function httpSuccess( xhr ) {
        try {
            // IE error sometimes returns 1223 when it should be 204 so treat it as success, see #1450
            return !xhr.status && location.protocol == "file:" ||
                ( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 || xhr.status == 1223 ||
                jQuery.browser.safari && xhr.status == undefined;
        } catch(e){}
        return false;
    };
function httpData( xhr, type, filter ) {
        var ct = xhr.getResponseHeader("content-type"),
            xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0,
            data = xml ? xhr.responseXML : xhr.responseText;
        if( filter ) //数据过滤,在ajax传入参数的时候设置,一般不设置
            data = filter( data, type );
        if ( type == "script" )
            jQuery.globalEval( data );
        if ( type == "json" )
            data = eval("(" + data + ")");

        return data;
    }

由于服务器端自返回xml,和text类型数据,所以得有个httpData方法来处理返回的数据,如果是text格式就通过window自带的eval()方法来处理,拼接成一个json;eval()方法是通过javascript编译器处理,是有些不安全的,自己在使用的时候要谨慎,对数据处理好后,接着就回调我们自己的success方法,如下,如果失败就调用comlete方法,这样就将服务器返回的数据传递到调用者手上,这样调用者就可以处理数据了,如下:

$.ajax({
.....
complete:function(data){},
success:function(data){}
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值