JQuery AJAX кэш с отложенным (когда дублированные запросы запускаются одновременно) - PullRequest
Новая
       10

JQuery AJAX кэш с отложенным (когда дублированные запросы запускаются одновременно)

2 голосов
/ 05 мая 2011

Я хотел бы реализовать надежный кеш ajax и искать подходящий шаблон - возможно, с использованием нового отложенного объекта jquery 1.5.2.

Главный ответ здесь:

Как можно использовать jQuery deferred?

подходит близко, но в случае неудачи, если два ajax-запроса запускаются одновременно, на сервер все равно будет 2 запроса. Поскольку ответ еще не пришел, кэш еще не заполнен.

Мне нужна реализация, которая будет запускать только 1 запрос к серверу, но будет возвращать ответ обоим.

1 Ответ

3 голосов
/ 08 мая 2011

Сверху в голове есть нечто совершенно непроверенное: 

(function( $ ) {
    // Perform a cached ajax request
    // keyFn is a function that takes ajax options
    // and returns a suitable cache key
    jQuery.cachedAjax = function( keyFn ) {
        // Cache for jqXHR objects
        var cache = {};
        // Actual function to perform cached ajax calls
        return function( url, options ) {
            // If url is an object, simulate pre-1.5 signature
            if ( typeof url === "object" ) {
                options = url || {};
                url = undefined;
            // else, add the url into the options  
            } else if ( url ) {
                options = $.extend( {}, options || {} );
                options.url = url + "";
            }
            // Get the cache key
            var key = keyFn( options );
            // If not cached yet, cache it
            if ( !cache[ key ] ) {
                cache[ key ] = $.ajax( options );
            } else {
                // If already cached, ensure success, error
                // and complete callbacks are properly attached
                for( var cbType in { success: 1, error: 1, complete: 1 } ) {
                    cache[ key ][ cbType ]( options[ cbType ] );
                }
            }
            // Return the jqXHR for this key
            return cache[ key ];
        };
    };
})( jQuery ):

// Create a method that caches by url    
jQuery.ajaxCachedByURL = jQuery.cachedAjax(function( options ) {
    return options.url;
};

// Use the method just like ajax      
jQuery.cachedAjax( url, options ).then( successCallback, errorCallback );

Идея состоит в том, чтобы хранить jqXHR в кеше, а не в значении.Как только запрос инициируется один раз, не имеет значения, если он уже завершен или выполняется: факт - дальнейшие вызовы кэшированного ajax-метода вернут тот же jqXHR, поэтому параллелизм обрабатывается прозрачно.

...