How do I get the response time from a jQuery ajax call?

Question

So I am working on tool that can show long a request to a page is taking.

I am doing this by using jQuery Ajax (http://api.jquery.com/jQuery.ajax/) and I want to figure out the best way to get the response time.

I found a thread (http://forum.jquery.com/topic/jquery-get-time-of-ajax-post) which describes using the "Date" in JavaScript, but is this method really reliable?

An example of my code could be this below

$.ajax({
    type: "POST",
    url: "some.php",
}).done(function () {
    // Here I want to get the how long it took to load some.php and use it further
});

Why can't we use chrome developer tool here in dev tool goto networks-> XHR You can see all request with there size and time — Abhinav bhardwaj, Oct 23 '18 at 22:17

score 45 · Accepted Answer · edited Nov 16 '15 at 18:26

45

The most simple method would be to add var ajaxTime= new Date().getTime(); before the Ajax call and in the done get the current time to calculate how long the Ajax call took to make.

var ajaxTime= new Date().getTime();
$.ajax({
    type: "POST",
    url: "some.php",
}).done(function () {
    var totalTime = new Date().getTime()-ajaxTime;
    // Here I want to get the how long it took to load some.php and use it further
});

Or in case of you want to know how long time this take on the server side. Do the same and print the time in the return value from some.php.

edited Nov 16 '15 at 18:26

ivandov

619
8
14

answered Oct 06 '12 at 21:26

FIG-GHD742

2,486
1
19
27

14

You can use `Date.now()` instead of the longer `new Date().getTime()`. It doesn't only save characters but also saves creation of a `Date` object. – Daniel Böhmer Jul 17 '13 at 19:09
2

@DanielBöhmer Regarding `Date.now()` - it's not available in some older browsers (e.g. IE8), you might need a polyfill, see [MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/now) – Adam Chwedyk Jun 01 '15 at 18:52
1

downvoting - won't work for multiple requests – Anonymous Mar 11 '17 at 02:27
is it Return in milliseconds or Microseconds? – Harshit chaturvedi Dec 07 '22 at 07:01

How do I get the response time from a jQuery ajax call?

1 Answers1

Linked