Несколько вызовов Ajax jQuery одновременно - долгое ожидание ответа и невозможность отменить

Это связано с maximum number of connections привязкой браузера к одному домену.

См. Browserscope для получения информации о максимальном количестве для каждого браузера.

• IE 8 + 9: 6 подключений
• IE 10: 8 соединений
• Chrome 26: 6 подключений
• Firefox 21: 6 подключений

Что вы можете сделать, так это собрать все отложенные объекты и отменить их, когда пользователь щелкает ссылку.

пример:

// some ajax calls
doAjax({});
doAjax({});

var requests = [];

// helper function to perform and register calls
function doAjax(options) {
    var jqXHR= $.ajax(options);
    requests.push(jqXHR);
    jqXHR.always(function(jqXHR) {
         var index = requests.indexOf(jqXHR);
         if (index!=-1) {
             requests.splice(index, 1);
         }
    });
}

// function to abort all calls
// when your application has a router to provide navigation, this function
// is typically called when you navigate to another page
function abortAllPendingRequests() {
    var i;
    for (i=0; i<requests.length; i++) {
        var xhr = requests[i];
        // already finished calls (readyState 4) should not be aborted
        if (xhr.readyState != 4) {
            xhr.abort();
        }
    }
};

Осталось только вызвать функцию abortAllPendingRequests, когда пользователь пытается перейти на другую страницу.

Если у вас есть какой-то router (например, Backbone.Router), вы можете вызвать его там.

Если в вашем приложении нет router для навигации, но вы используете простые якорные ссылки, вы можете добавить к ссылкам onClick, который вызывает функцию abortAllPendingRequests.