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()必须以什么格式返回数据。

有人热心地了解这一点并可以帮助我吗？ 我会很高兴!

非常感谢! -Yatekii

Answer 1

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

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