当我发送请求时，Keyup 会影响浏览器中文本框中的输入。这有可能阻止影响吗？

Question

在网页中，我有一个文本框，用户可以在其中输入内容并通过ajax请求响应更改内容来获取结果。

因为如果我打字速度更快，那么响应可能会晚于打字，所以打字速度会变慢。

这有可能阻止此类问题的影响吗？

Answer 1

为了防止这种情况，我通常会这样做：

var to = null;
$('input').keyup(function()
{
    if(to!=null)
    {
        clearTimeout(to);
        to = null;
    }
    to = setTimeout(function()
                    {
                       // do my stuff here
                       to = null;
                    },200); 
});

它在最后一次按键后等待 200 毫秒，然后再发出请求，如果发生新的按键，则重置超时。

Answer 2

一旦您在文本框中输入内容，您的 AJAX 请求就会启动。锁定或禁用文本框以防止键入。一旦 AJAX 请求从服务器返回，您的回调函数应该重新启用文本框。这将确保输入永远不会“领先于”AJAX 响应。

为了处理得很好，您可以在锁定的文本框上显示动画。