Using getJSON data for autocomplete source

Question

Trying to first .getJSON then using that data to become the source of my autocomplete, heres the code.. this isn't working, what am i doing wrong here?

          $.getJSON(url, function(data) { 
                  //autocomplete
                 $(document).ready(function(){
                     $( "#name" ).autocomplete({
                          minLength: 2,
                          source: data
                      })
                  });             
           });

I know i can do source: url but i don't want to make multiple calls to the jSON data.

"this isn't working": please elaborate

Ben Lee
– Ben Lee

2012-02-18 00:38:11 +00:00
Commented Feb 18, 2012 at 0:38 — Ben Lee
– Ben Lee, Commented Feb 18, 2012 at 0:38
source: url works but source: data doesn't

Control Freak
– Control Freak

2012-02-18 00:38:43 +00:00
Commented Feb 18, 2012 at 0:38 — Control Freak
– Control Freak, Commented Feb 18, 2012 at 0:38
remove the $(document).ready() wrapper function.

Julien Schmidt
– Julien Schmidt

2012-02-18 00:41:46 +00:00
Commented Feb 18, 2012 at 0:41 — Julien Schmidt
– Julien Schmidt, Commented Feb 18, 2012 at 0:41

Community · Accepted Answer · 2017-05-23 12:31:04Z

6

You have to inverse the document ready event handler to wrap the $.getJSON aswell:

$(document).ready(function(){
    $.getJSON(url, function(data) { 
         //autocomplete           
         $( "#name" ).autocomplete({
             minLength: 2,
             source: data
          })
    });             
});

Also, your data has to be an array. If its JSON, see this for reference: jquery autocomplete with json response

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Feb 18, 2012 at 0:43

Ricardo Souza

16.5k6 gold badges40 silver badges70 bronze badges

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

1 Comment

TheRealJAG Over a year ago

This method doesn't have much real world use.

Collectives™ on Stack Overflow

Using getJSON data for autocomplete source

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related