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

Autocomplete an input type=text AJAX

本文关键字:文本 AJAX 类型 输入      更新时间:2023-09-26

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

例如,Google或Facebook在你输入几个字母后就能猜出你要找的朋友。

当你有一个小列表时,你也可以使用html datalist。这不是谷歌或Facebook使用的技术,但却是一个不错的选择!

  • W3Schools Datalist
  • W3C文档
  • MDN

在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
});