Obtenir la durée de la requête AJAX

Question

Je souhaite connaître la durée d'une requête ajax en utilisant jquery. Par exemple, je suis en utilisant ce script:

$.ajax({ 
    type: "GET", 
    url: "http://localhost/thescript.php", 
    success: function(data){ 
    $("#container").html(data); 
    }, 
    complete: function(jqXHR, textStatus){ 
    alert("http://localhost/thescript.php took 'n' seconds to load"); 
    } 
}); 

Je voudrais être en mesure de savoir combien de temps ce script ajax chargé l'url « http: //localhost/thescript.php ». Par exemple alert: "http: //localhost/thescript.php a pris 'n' secondes pour charger".

Answer 1

Vous pouvez utiliser les fonctions beforeSend() et complete() pour comparer les horodatages actuels et calculer la différence.

http://api.jquery.com/jQuery.ajax/

Ici vous pouvez voir tous les crochets de rappel fournis par $.ajax: http://api.jquery.com/jQuery.ajax/#callback-functions

Answer 2

Comment « bout:

var start = new Date().getTime(); 
$.ajax({ 
    type: "GET", 
    url: "http://localhost/thescript.php", 
    success: function(data){ 
    $("#container").html(data); 
    }, 
    complete: function(jqXHR, textStatus){ 
    var duration = (new Date().getTime() - start)/1000; 
    alert("http://localhost/thescript.php took '" + duration + "' second(s) to load"); 
    } 
}); 

Answer 3

quelque chose comme ceci:

var start_ts; 
$.ajax({ 
type: "GET", 
url: "http://localhost/thescript.php", 
beforeSend: function() { 
    start_ts = new Date().getTime(); 
} 
success: function(data){ 
    $("#container").html(data); 
}, 
complete: function(jqXHR, textStatus){ 
    var end_ts = new Date().getTime(); 
    var dif = (end_ts - start_ts)/1000; /* convert milisec to sec */ 
    alert("http://localhost/thescript.php took '"+dif+"' seconds to load"); 
} 
});