开发者

Displaying using JQuery UI Autocomplete not displaying results

开发者 https://www.devze.com 2023-03-23 11:12 出处:网络
I\'m using Jquery UI\'s autocomplete, and I can see the proper JSON data coming back in Firebug. However, nothing\'s coming back to the textbox.

I'm using Jquery UI's autocomplete, and I can see the proper JSON data coming back in Firebug. However, nothing's coming back to the textbox.

My JavaScript:

$(function() {
        function log( message ) {
            $( "<div/>" ).text( message ).prependTo( "#log" );

        }

        $("#tags").autocomplete({
        source: function(request, response){
                    $.ajax ({
                url: "/projectlist",
                                dataType: "json",
                                data: {style: "full", maxRows: 12, term: request.term}开发者_JAVA技巧
                            });
                                            }

    })
});

You can see that from the snippet JSON data is being returned. But nothing is being displayed in the results table. Which should look like the the JQuery autocomplete example JQuery Autocomplete

Displaying using JQuery UI Autocomplete not displaying results


Noyhing is displayed because you return nothing i think: you must add e success function to your ajax call (i added an example of a success response, if you tell us how your json is tructured i could help you better. in any case you must return an array of objects, and each object should have a property named 'label' and one named 'value':

$("#tags").autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "/projectlist",
            dataType: "json",
            data: {
                style: "full",
                maxRows: 12,
                term: request.term
            },
            success: function(data) {
                var results = [];
                $.each(data, function(i, item) {
                    var itemToAdd = {
                        value: item,
                        label: item
                    };
                    results.push(itemToAdd);
                });
                return response(results);

            }
        });
    }
});

I set up a fiddle here: http://jsfiddle.net/nicolapeluchetti/pRzTy/ (imagine that 'data' is the json that is returned)

0

精彩评论

暂无评论...
验证码 换一张
取 消