Один запрос Ajax в момент

Question

Пытаюсь

$.ajax({ 
    // ..., 
    async: false, 
}); 

, но это не помогает. Существует способ с флагом (true/false), но, возможно, есть более красивый способ, как я могу это сделать?

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 220) { 
     // .. 
     sendRequest(); 
     // .. 
    } 
}); 

Эта функция выполняет запрос AJAX.

Answer 1

В нашем приложении мы добавляем ajax-запросы в очередь, а затем выкладываем их и выполняем их по одному. Вот очень упрощенная версия ...

var queue = []; 

function queueAdd(options) { 

    // ADD AJAX OPTIONS TO QUEUE ARRAY 
    queue.push(options); 

    // START QUEUE RUNNING 
    queueRun(); 
} 

function queueRun() { 

    // QUEUE EMPTY OR REQUEST ALREADY ACTIVE 
    if (!queue.length || activeRequest) return; 

    // REMOVE FIRST REQUEST FROM QUEUE 
    var request = queue.shift(); 

    // ATTACH COMPLETE CALLBACK 
    request.complete = function(data) { 

     // ACTIVE REQUEST COMPLETED 
     activeRequest = false; 

     // START NEXT REQUEST IN QUEUE 
     queueRun(); 

     // OPTIONALLY EXECUTE ORIGINAL COMPLETE CALLBACK 
     request.complete(data); 
    }; 

    // PREVENT CONCURRENT REQUESTS 
    activeRequest = true; 

    // EXECUTE AJAX REQUEST 
    $.ajax(request); 

}