javascript - 每次表单输入字段更改时如何发送 ajax 请求？

Question

例如，有一个输入框。每次用户在该字段中键入一个键时，它都会发送一个 AJAX 请求，其中包含该输入中当前的任何文本，并对其进行处理。我研究了 Jquery 中的 change 和 keyup 函数，但是当我在 Jsfiddle 中尝试它们时，它们什么也没做。是否有执行此类操作的标准方法？我知道它在验证和其他方面很常见。

<form>
    <input id="test" type='text' >
    <input type="submit" value="asdf">
</form>

$('input').on("change",(function(e){
    alert("Hello");
});

我要的效果就像这个游戏www.sporcle.com/games/g/nflteams#

您可以输入任何文本，如果它在正确答案集中，那么表格将更新以显示该答案。你永远不必提交。你认为他们是如何达到这种效果的？

在我看来，每次用户输入 key 时，他们都必须查询数据库，以查看答案是否正确。如果是，他们会更新表格以显示答案。还有什么其他方法可以做到这一点？

Answer 1

每次更改都发送请求是很糟糕的，延迟最后一次更改的 ajax

var changeTimer = false;

$("your inputs").on("your change event",function(){
        if(changeTimer !== false) clearTimeout(changeTimer);
        changeTimer = setTimeout(function(){
            /* your ajax here */
            changeTimer = false;
        },300);
});