Debugowanie żądań AJAX

Question

Wiele razy napotykamy problemy podczas pracy nad asynchronicznym javascriptem. Nie jesteśmy pewni, jakie żądanie zostało wysłane i jakie są uzyskiwane odpowiedzi.

Jak debugować żądania AJAX. Czy istnieje prosty sposób na zrobienie tego.

Answer 1

Jestem całkiem pewien, że można śledzić każdy wniosek, jeśli ty instanciate nowy obiekt dla każdego połączenia:

var oXhr; 

    oXhr = new XMLHttpRequest(); 
    oXhr.id = (new Date()).getTime(); /* just an example. It might be flawed if you process requests more than once per ms */ 

    oXhr.onreadystatechange = function() { 
     if (oXhr.readyState == 4 && (oXhr.status == 200)) { 
      //do your stuff here 
      console.log(this.id); 
     } 
    } 

Answer 2

Najłatwiej zobaczyć żądanie i odpowiedź jest następująca:

1. Otwórz stronę, gdzie chcesz sprawdzić żądania i odpowiedzi w chromw.
2. Kliknij F12, aby rozszerzyć chrom.
3. Kliknij zakładkę Sieć.
4. Tutaj będzie można zobaczyć wszystkie zapytania i odpowiedzi. Będziesz także mógł zobaczyć, ile czasu zajmuje każde żądanie.