如何在JQuery UI自动完成中使用source：function（）...和AJAX

Question

如何在JQuery UI自动完成中使用source：function（）...和AJAX我需要一些JQuery UI Autocomplete的帮助。我希望我的textfield（.suggest-user）显示来自AJAX请求的名称。这就是我所拥有的：jQuery("input.suggest-user").autocomplete({     source : function(request, response) {         var name = jQuery("input.suggest-user").val();         jQuery.get("usernames.action?query=" + name, function(data) {             console.log(data);  // Ok, I get the data. Data looks like that:             test = data;        // ["[e-mail]", "[e-mail]","[e-mail]"]             return test;        // But what now? How do I display my data?         });     },     minLength : 3});很感谢任何形式的帮助。

Answer 1

试试这个代码。你可以用$.get而不是$.ajax

$( "input.suggest-user" ).autocomplete({
    source: function( request, response ) {
        $.ajax({
            dataType: "json",
            type : 'Get',
            url: 'yourURL',
            success: function(data) {
                $('input.suggest-user').removeClass('ui-autocomplete-loading');  
                // hide loading image

                response( $.map( data, function(item) {
                    // your operation on data
                }));
            },
            error: function(data) {
                $('input.suggest-user').removeClass('ui-autocomplete-loading');  
            }
        });
    },
    minLength: 3,
    open: function() {},
    close: function() {},
    focus: function(event,ui) {},
    select: function(event, ui) {}});