计算出执行 AJAX 请求需要多少时间

Question

我试图计算出执行 AJAX 请求需要多长时间，到目前为止，当单击按钮时，我有以下代码：

$(document).ready(function() {
    $('#start').click(function() {
        start_timer();
        var record = $.ajax({url: "ajax.php?getSensor="+devid, async: false }).responseText;
        $("textarea#recordTextbox").val($('textarea#recordTextbox').val()+record+"\n");
        stoptimer();
    }); 
});

我的计时器函数如下所示：

function start_timer() {
     display();
}
function stoptimer() {
  clearTimeout(timer);
  timer = 0;
}
function display(){
  if (millisec>=9){
     millisec=0
     seconds+=1
  }
  else
     millisec+=1
     $("#time").html(seconds + "." + millisec);
     timer = setTimeout("display()",100);
  }

AJAX 请求已正确发送，但计时器每次读取 0.1 秒，我知道它需要比这更长的时间，因为页面挂起至少 3 秒。由于某种原因，计时器在关闭 AJAX 处理时不会运行。

任何建议都会有所帮助，谢谢！

Answer 1

您可以使用异步请求更轻松地完成此操作，如下所示：

$(document).ready(function() {
    $('#start').click(function() {
        start_timer();
        $.ajax({url: "ajax.php?getSensor="+devid, async: false, success: function(data){ 
            $("textarea#recordTextbox").val($('textarea#recordTextbox').val()+data+"\n");
            stoptimer(); 
        }});
    }); 
});

Answer 2

如果您这样做是为了帮助开发，请使用 firebug。

Answer 3

我无法让这个计时器工作，所以我使用了 Date().getTime() ，如下所示：

    var start_time = new Date().getTime();       
    $.ajax({url: "ajax.php?getSensor="+devid, async: false, success: function(data){ 
        $("textarea#recordTextbox").val($('textarea#recordTextbox').val()+data+"\n");
        request_time = new Date().getTime() - start_time; 
    }});
    $("#time").html(request_time/1000);

Answer 4

只需运行 YSlow 即可。

对于确定页面加载和 AJAX 请求出现问题的通用方法，请使用 YSlow Firefox 插件。

它会向您展示一些您从未梦想过的东西，这些东西会减慢您的代码速度。