7、AJAX应用开发：服务器轮询与响应时间可视化

AJAX应用开发：服务器轮询与响应时间可视化

1. 服务器轮询的启动

当点击特定界面中的“Start”按钮时，会弹出一个提示框，预示着后续的一系列操作。接下来，我们要实现“Start”按钮的 onclick 事件处理函数 pollServerStart ：

this.pollServerStart = function() {
  var self = Monitor;
  self.doPoll();
  self.toggleAppStatus(false);
};

此代码会立即调用 doPoll 方法，该方法负责向服务器发送HTTP请求进行轮询。发送请求后，调用 toggleAppStatus 方法并传入 false ，表明轮询正在进行。

可能有人会疑惑，为何代码没有设置轮询间隔就直接向服务器发送请求。原因是首次请求不需要延迟，若用户点击按钮后十秒内无反应，会认为应用程序出错。后续请求才需要设置间隔。

doPoll 方法的代码如下：

this.doPoll = function() {
  var self = Monitor;
  var url = self.targetURL;
  var start = new Date();
  self.reqStatus.startPr