对一段Ajax代码的思考

前端之家收集整理的这篇文章主要介绍了对一段Ajax代码的思考前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一段Ajax代码的思考

在平时写ajax调用的过程中,发起一个ajax调用经常是这么写的:

$.ajax({
    url:'http://www.oschina.net',success:function(data){
        //处理成功的返回.....
    }
});

今天突然心血来潮,想改改写法,于是:

var jqXHR = $.ajax({
    url:'http://www.oschina.net'});
    
    jqXHR.done(function(data){
        //处理成功的返回.....
    })

发现也是可以的,有两个疑问:

  1. ajax的请求是什么时候发起的?
  2. done的事件回调,如果在请求之后,会不会有注册太迟,回调不到的风险? 于是找到JQuery的源码,找到ajax部分的代码
// Get transport
    transport = inspectPrefiltersOrTransports( transports,s,options,jqXHR );

    // If no transport,we auto-abort
    if ( !transport ) {
        done( -1,"No Transport" );
    } else {
        jqXHR.readyState = 1;

        // Send global event
        if ( fireGlobals ) {
            globalEventContext.trigger( "ajaxSend",[ jqXHR,s ] );
        }
        // Timeout
        if ( s.async && s.timeout > 0 ) {
            timeoutTimer = setTimeout(function() {
                jqXHR.abort("timeout");
            },s.timeout );
        }

        try {
            state = 1;
            transport.send( requestHeaders,done );
        } catch ( e ) {
            // Propagate exception as error if not done
            if ( state < 2 ) {
                done( -1,e );
                // Simply rethrow otherwise
            } else {
                throw e;
            }
        }
    }
    
    function done(xxxx)

    return jqXHR;

对于第一个疑问,可以确定的是,jqXHR对象在返回之前,已经发起了请求。那么如果返回jqXHR对象后,又做了很多事情,消耗了不少时间,再调用jqXHR.done()注册回调函数,是否来不及呢?jQuery是怎么保证回调函数调用的呢?问题的关键就是jqXHR对象,它是一个Defer对象。Defer对象注册的回调函数是根据状态被调用的,如果注册函数的时候,Defer对象已经resolve了,那么相应的回调函数(done)会立即被调用,如果还没有resolve,那么这个回调函数还是会在resolve的时候被调用

好了,问题解决

猜你在找的Ajax相关文章