javascript - $.ajax 超时示例错误且危险？

Question

当搜索“long-polling using jquery”时，这个link是最高的结果，我很惊讶为什么人们不关心他们所说的是否正确。

他们说:

Timeout: Set a timeout (in milliseconds) for the request. The timeout period starts at the point the $.ajax call is made. Here, we set the timeout to 30 seconds. This means our poll function won't get called again until both the ajax call is complete and (at-least) thirty (30) seconds have passed.

(强调我的)

但我想事实并非如此。

我测试了这段代码:

(function foo(){
    $.ajax({
        url:'/echo/json',
        success:function(d){
          console.log('Logged after 30secs');
        },
        timeout:30000,
        complete: foo
    });
})();

这是一个 fiddle证明强调的文字是错误的。

您可以看到 console.log() 在 30 秒之前被调用。

Both the setTimeout and setInterval techniques suffer from same flaw - a new connection to the server must be opened each time the $.ajax method is called. To make that connection, your realtime app must gear up and battle through hoards of competing network traffic to make it to your server.

有没有可靠的解决方案(除了套接字)可以使长轮询完美无缺？

Answer 1

等一下，jQuery ajax 方法的超时选项与长轮询无关。关于长轮询的文章是正确的。它在闭包中使用了 setTimeout。因为函数的下一次执行是在函数本身的内部，所以它保证了一次一个又一个地调用该函数。

然而，jQuery $.ajax 的超时选项允许指定取消调用的时间。即，如果服务器响应时间太长，只需取消请求即可。它与“长轮询”无关。

代码块应该是:

(function foo(){
    setTimeout(function(){
       $.ajax({
          url:'/echo/json',
          success:function(d){
            console.log('Logged after 30secs');
            foo()
          }
       });
    }, 30000);


})();