javascript - JQuery AJAX 呼び出しの実行にかかる時間を確認する方法はありますか?

Question

jquery/javascriptで、ある種のタイミングコードを使用して単純な $.getJSON メソッドを呼び出すのにかかる時間を確認する方法はありますか?

第二に、応答 Content-Length が 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-Length2 番目の質問に答えるには、XHR 応答からヘッダーを読み取ることができます。

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

Answer 4

なぜ車輪の再発明をするのですか？firebugのコンソールを使用して時間を記録します。このようなことをします：

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コンソールに記録します。