jquery autocomplete data format

Question

I am trying to display jSON data in jQuery autocomplete, and everything works fine except the dropdown doesnt show up.
I could use parse: (for which there is a ton of examples) but i think i need the data to be displayed through source:.

is it possible to display data the way i am doing or do we need parse?
if yes, how?

Im not very good with jquery UI

$(function() {
    function log( message ) {
        $( "<div/>" ).text( message ).prependTo( "#log" );
        $( "#log" ).attr( "scrollTop", 0 );
    }

    $( "#aut_teachers" ).autocomplete({
        source: function(request, response) {
            $.ajax({
                url: base_url+"controller/model",
                data: request,
                dataType: "json",
                type: "post",
                success: function(data){
                    response(data.value);// here is where the problem is
                }

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

In jQuery, data is already your JSON object. I think you don't need to use data.value. Can you present a example of your JSON data? — sergiogarciadev
– sergiogarciadev, Commented May 8, 2012 at 20:30
yes, here: {"response":"true","message":[{"value":"Wren J Thomas","label":"1262"},{"value":"Wiseman Kim","label":"1257"},{"value":"Whitman","label":"1249"},{"value":"Whitehead Marcia","label":"1248"},{"value":"White Maja","label":"1247"}]} — Semur Nabiev
– Semur Nabiev, Commented May 8, 2012 at 20:32

sergiogarciadev · Accepted Answer · 2012-05-08 20:38:44Z

2

You should use data.message as a parameter do response instead of data.value.

Since, data.message is a array of objects, and the objects are label/value, you can use it.

Check Autocomplete Docs for more information.

answered May 8, 2012 at 20:38

sergiogarciadev

2,2211 gold badge24 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery autocomplete data format

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related