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

时间:2013-03-20 08:10:09

标签: javascript jquery ajax autocomplete

我尝试使用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

1 个答案:

答案 0 :(得分:2)

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

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