Y at-il un moyen de voir combien de temps un appel JQuery AJAX prend pour s'exécuter?

Question

Y a-t-il un moyen de voir combien de temps une simple méthode $ .getJSON prend pour appeler avec un type de code temporel, dans jquery/javascript? Deuxièmement, y a-t-il un moyen de voir à quel point la réponse Content-Length est BIG, en kB ou mégaoctets?

Answer 1

Si vous voulez javascript pur, juste avant d'envoyer la note de la demande du temps à l'aide new Date().getTime();

Puis dans le rappel ajax, Notez à nouveau l'heure et soustrayez la première fois. Cela vous donnera la durée de l'appel.

Quelque chose comme ceci:

function aCallback() 
{ 
    window.time2 = new Date().getTime(); 
    window.alert(window.time2 - window.time1) 
} 
window.time1 = new Date().getTime(); 
$.ajax({ 
    url: url, 
    dataType: 'json', 
    data: data, 
    success: aCallback 
}); 

Answer 2

Essayez soit Firebug ou Fiddler

http://getfirebug.com/

http://www.fiddler2.com/fiddler2/

Answer 3

Pourquoi réinventer la roue? Utilisez la console de firebug pour enregistrer l'heure. Faites quelque chose comme ceci:

function aCallback() 
{ 
    console.timeEnd("ajax call"); 
    window.alert(window.time2 - window.time1) 
} 
console.time("ajax call"); 
$.ajax({ 
    url: url, 
    dataType: 'json', 
    data: data, 
    success: aCallback 
}); 

Cela consignera le temps nécessaire pour que la réponse du serveur revienne à l'appel. Il enregistrera l'heure en millisecondes à la console firebug.

Answer 4

Pour répondre à votre deuxième question, vous pouvez lire l'en-tête Content-Length de la réponse XHR.

var req; 
req = $.ajax({ 
    type: "HEAD", 
    url: "/data", 
    success: function() { 
     alert("Size is " + req.getResponseHeader("Content-Length")); 
    } 
});