Как получить выполняемые запросы в браузере?

Question

[mx6001]

Хотелось бы узнать возможно ли как то узнать AJAX выполняемые запросы в браузере?
Например я отправил несколько асинхронных запросов на получение каких либо данных. Возможно ли как то получить информацию(JavaScript'ом естественно) об этих запросах во время их выполнения из функции не связанной с ними?

Answer 1

[Алексей Немиро]

Запомнить, какие запросы были отправлены, и проверять:

var requests = [];
requests.push($.ajax({type: 'GET', url: '/echo/json/'}));
requests.push($.ajax({type: 'GET', url: '/echo/json/'}));
requests.push($.ajax({type: 'GET', url: '/echo/json/'}));
requests.push($.ajax({type: 'GET', url: '/echo/json/'}));
requests.push($.ajax({type: 'GET', url: '/echo/json/'}));

console.log(requests);

function Test(){
    $.each(requests, function(i, req){
        if(req.readyState == 0 || req.readyState == 4){
            console.log(req.status + ': ' + req.statusText);        
        }else{
            console.log(req.readyState);        
        }
    });
}

Test();

window.setTimeout(Test, 3000);

Посмотреть пример.
Можно удалять запросы из коллекции по завершению их выполнения.

Comments

[Алексей Уколов]

Можно повеситься на api.jquery.com/ajaxSend

[Алексей Немиро]

Да, с ajaxSend будет проще.

Answer 2

[GreatRash]

В Google Chrome: F12 -> Network, там будут все запросы и ответы сервера.