jquery - 如何获取 jQuery ajax 调用的响应时间？

Question

这个问题已经有答案了:

Find out how long an Ajax request took to complete (9 个回答)

已关闭 9 年前。

因此，我正在开发可以显示页面请求所花费时间的工具。

我使用 jQuery Ajax (http://api.jquery.com/jQuery.ajax/) 来完成此操作，我想找出获得响应时间的最佳方法。

我发现一个线程(http://forum.jquery.com/topic/jquery-get-time-of-ajax-post)描述了在JavaScript中使用“日期”，但是这个方法真的可靠吗？

我的代码示例如下

$.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
});

Answer 1

最简单的方法是在 Ajax 调用之前添加 var ajaxTime= new Date().getTime(); ，并在 done 中获取当前时间计算 Ajax 调用花费了多长时间。

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
});

或者如果您想知道这在服务器端需要多长时间。执行相同的操作并在 some.php 的返回值中打印时间。