Using json data on a server in jquery autocomplete

Question

I have the following data on http://www.abcd.com/friends.json (this is not a real link but I am using one that is real on my project and I can connect to the server):

{John, Kyle, Abby, Greer, Rob, Cathy}

and I have the following script to autocomplete a text field:

$(function() {
    $("input#autocomplete").autocomplete({
    source: $.getJSON("http://www.abcd.com/friends.json")
});
  });

or

$(function() {
  var friendList = null;
  $.getJSON("http://www.abcd.com/friends.json", function(data){
     friendList = data;
     $("#friend" ).autocomplete({
    source: friendList
    });
  });
});

what am I doing wrong? both codes work if the json object is not called from a remote server Thanks for helping.

Sirko · Accepted Answer · 2012-04-27 08:22:23Z

2

Your JSON is invalid. Probably you want to have something like this:

[ 'John', 'Kyle', 'Abby', 'Greer','Rob', 'Cathy' ]

Another possible error (as mentioned by JiDai in the comments) could be that you're getting the JSON from another server than your page is served. In that case either move your JSON to the same server or implement some CORS schema.

answered Apr 27, 2012 at 8:22

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

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

3 Comments

Aamare Over a year ago

Thanks Sirko, Correction made no changes in result.

Aamare Over a year ago

I have the server address correctly. There is only one server and not sure how the JSON can come from another server.

Sirko Over a year ago

@Aamare is your code returning any errors or is there simply no autocomplete appearing?

Hüseyin BABAL · Accepted Answer · 2012-04-27 08:24:02Z

0

Could you please replace "source" with "serviceUrl"

$(function() {
    $("input#autocomplete").autocomplete({
    serviceUrl: "http://www.abcd.com/friends.json"
    });
});

answered Apr 27, 2012 at 8:24

Hüseyin BABAL

15.6k5 gold badges53 silver badges74 bronze badges

Collectives™ on Stack Overflow

Using json data on a server in jquery autocomplete

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related