使用AJAX进行JQuery自动完成

时间:2010-12-08 12:30:04

标签: javascript jquery ajax jquery-ui jquery-ui-autocomplete

我正在尝试编写一个JQuery自动完成脚本,该脚本将通过AJAX调用url并在用户将数据输入表单时更新自动完成结果。

我有我的AJAX设置,目前正在返回JSON。但我不知道如何获得自动完成功能来调用它并使用响应。我设法让以下工作,但这是静态数据,所以对我的任务没有好处:

$("input#name").autocomplete({
        source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
});

干杯。

1 个答案:

答案 0 :(得分:5)

http://jqueryui.com/demos/autocomplete/#remote

    $( "#birds" ).autocomplete({
        source: "search.php",
        minLength: 2,
        select: function( event, ui ) {
            log( ui.item ?
                "Selected: " + ui.item.value + " aka " + ui.item.id :
                "Nothing selected, input was " + this.value );
        }
    });

php需要以这样的方式返回Json格式的值 http://jqueryui.com/resources/demos/autocomplete/search.php?term=ai

Json指示http://us2.php.net/json