javascript - 有什么方法可以查看 JQuery AJAX 调用执行需要多长时间？

Question

无论如何，在 jquery/javascript 中使用某种类型的计时代码调用一个简单的 $.getJSON 方法需要多长时间？

其次，有没有办法查看响应内容长度有多大，以 kB 或兆字节为单位？

Answer 1

如果您想要纯 javascript，请在​​发送请求之前注意使用时间new Date().getTime();

然后在ajax回调中，再次记下时间，并减去第一次。这将为您提供通话时间。

像这样的东西：

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

尝试使用 Firebug 或 Fiddler

http://getfirebug.com/

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

Answer 3

要回答您的第二个问题，您可以Content-Length从 XHR 响应中读取标题。

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

Answer 4

为什么要重新发明轮子？使用萤火虫的控制台记录时间。做这样的事情：

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

这将记录服务器响应返回调用所用的时间。它将以毫秒为单位将时间记录到 firebug 控制台。