Debug richieste AJAX

Question

Molte volte si riscontrano problemi mentre si lavora su Asincrono javascript. Non siamo sicuri di quale richiesta è stata inviata e quali sono i rimandi ottenuti.

Come eseguire il debug di richieste AJAX. C'è un modo semplice per farlo.

Answer 1

Sono abbastanza sicuro che si può tenere traccia di ogni richiesta se si instanciate un nuovo oggetto per ciascuna chiamata:

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

Il modo più semplice di vedere la richiesta e la risposta è la seguente:

1. Aprire il sito in cui si desidera esaminare richiesta e risposta in chromw.
2. Fare clic su F12 per estendere il cromo.
3. Fare clic sulla scheda Rete.
4. Qui sarà possibile visualizzare tutte le richieste e le risposte. Sarai anche in grado di visualizzare quanto tempo è occupato da ciascuna richiesta.