对一段Ajax代码的思考

一段Ajax代码的思考

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

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

今天忽然心血来潮,想改改写法,因而:async

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的时候被调用。url

好了,问题解决。.net

相关文章
相关标签/搜索