javascript - jQuery 如何使用 ajax 读取和格式化数据以自动完成

Question

我尝试使用 jQuery 实现一个简单的自动完成功能。但事实证明，这对我来说并不那么简单。我有一个 <input type="text" name="test" id="test" />我试着让它自动完成。

我想使用 PHP 脚本读取我的数据库，该脚本以 JSON(或您推荐的任何格式)返回数据。数据应该是单词列表，没有什么复杂的([“abc”，“bcd”，“cde”])；没有额外的类别或东西。

为此，我阅读了 API here ，但是我对JS中的匿名函数什么的不是太熟悉。

到目前为止我尝试了什么:

$(function() {
  function response(){};
  $( "#test" ).autocomplete({
        source: function(request, response(data)){ajaxRequest(request, response)}
    });
});

但我担心这不起作用。我也完全不知道 ajaxRequest() 必须以什么格式返回数据。

是否有人知道这一点并且可以帮助我？我会很高兴!

非常感谢!-亚特基伊

Answer 1

你应该将数据传递给响应回调

    $( "#test" ).autocomplete({
        source: function( request, response ) {
            var term = request.term;
            $.getJSON( "url.php", request, function( data, status, xhr ) {
                response( data );
            });
        }
    })