使用setTimeout定期进行自动完成AJAX调用？

Question

我想使用setTimeout函数，以便Ajax调用最多只能在1秒内完成。

这是我的。这显然是不正确的，但我不知道setTimeout函数是如何工作的。

function autoComplete(q, succ) 
{ 

    setTimeout(

    if(q != "") { 
     $.ajax({type:"GET", 
      url: "php/search.php", 
      data: "q="+q, 
      success: succ 
     }); 
    } 

    , 1000); 
} 

我认为我应该使用clearTimeout因此，如果另一个呼叫时，它会复位定时器并等待另一个1秒，但是当我试图实现这一点，停止运行的功能。

Answer 1

传递一个... :)功能

使用匿名函数可能如下：

var timeoutId 
function autoComplete(q, succ) 
{ 
    if (q) { 
     // stop previous timeouts 
     clearTimeout(timeoutId) 
     timeoutId = setTimeout(function() { 
      $.ajax({type:"GET", 
       url: "php/search.php", 
       data: "q="+q, 
       success: succ 
      }); 
     }, 1000); 
    } 
} 

注意我移动支票q之外。这不会一次运行两次超时，但可能有多个正在进行的请求。为了防止这种情况，success回调需要一个警卫 - 一个简单的方法是使用计数器。使用setTimeout中的q检查“当前的q”可能会导致细微的竞争条件。

var timeoutId 
var counter = 0 
function autoComplete(q, succ) 
{ 
    if (q) { 
     // Increment counter to maintain separate versions 
     counter++ 
     var thisCounter = counter 
     clearTimeout(timeoutId) 
     timeoutId = setTimeout(function() { 
      $.ajax({type:"GET", 
       url: "php/search.php", 
       data: "q="+q, 
       success: function() { 
        // Only call success if this is the "latest" 
        if (counter == thisCounter) { 
         succ.apply(this, arguments) 
        } 
       }, 
      }); 
     }, 1000); 
    } 
} 

智能版本可能会在提交因为上面的代码将永远落后1秒后面的时间阅读当前值...

现在，想象一下getQ是一个函数对象.. 。

var timeoutId 
var counter = 0 
function autoComplete(getQ, succ) 
{ 
    counter++ 
    var thisCounter = counter 
    clearTimeout(timeoutId) 
    timeoutId = setTimeout(function() { 
     var q = getQ() // get the q ... NOW 
     if (q) { 
      $.ajax({type:"GET", 
       url: "php/search.php", 
       data: "q="+q, 
       success: function() { 
        if (counter == thisCounter) { 
         succ.apply(this, arguments) 
        } 
       }, 
      }); 
     } 
    }, 1000); 
} 

// example usage 
autoComplete(function() { return $(elm).val() }, successCallback) 

快乐编码。

---

有一点要考虑，在上面没有解决，就是有仍可能在飞行中多次请求（在第二个例子中后卫只显示了如何“抛弃”老回应，不如何适当限制请求）。这可以通过短队列来处理，并且可以防止提交新的AJAX请求，直到获得答复或足够的“超时”已过期并且请求被认为无效。