如何将jQuery自动完成与POST查询连接到远程数据源？

Question

我正在尝试使用POST查询将文本字段连接到jQuery UI的自动完成与远程数据源.到目前为止我有这个:

$( "#booking_student" ).autocomplete({
            source: function( request, respond ) {
                $.post( "/path/to/my/api.php", { student: request.term },
                        function( response ) {
                            //do something
                        } );
            }
        });

使用Firebug我可以看到我的API返回了我期望的结果,但是没有出现自动完成下拉列表.将结果插入自动完成下拉列表我需要做什么？我是否需要使用JSON结果填充// do something部分中的变量？

Answer 1

您需要将结果respond提供给窗口小部件为您提供的回调:

$( "#booking_student" ).autocomplete({
    source: function( request, respond ) {
        $.post( "/path/to/my/api.php", { student: request.term },
            function( response ) {
                respond(response);
        });
    }
});

这当然假设您的数据是一个包含label属性,value属性或两者的项目的数组.这个选项的文档中source对此进行了概述.