自动完成输入类型=文本 AJAX

Question

使用数据库自​​动完成表单而不重新加载页面的技术的名称是什么？

例如，Google 或 Facebook 使用的技术在输入几个字母后猜测您要寻找的朋友。

Answer 1

当你有一个小列表时，你也可以使用 html datalist。 它不是 Google 或 Facebook 使用的技术，而是一个不错的选择！

• W3Schools 数据列表
• W3C 文档
• MDN

Answer 2

在您的 ajax 回调中，您需要调用响应函数； 传递包含要显示的项目的数组。

jQuery("input.suggest-user").autocomplete({
source: function (request, response) {
    jQuery.get("usernames.action", {
        query: request.term
    }, function (data) {
        // assuming data is a JavaScript array such as
        // ["one@abc.de", "onf@abc.de","ong@abc.de"]
        // and not a string
        response(data);
    });
},
minLength: 3
});