Jquery Autocomplete with json fails

Question

I am using the auto complete plugin by Devbridge and I have it all installed here is my code:

$(document).ready(function(){
    $('#request_task').autocomplete({
      serviceUrl: '<%= ajax_path %>',
      minChars:1,
      width: 300,
      delimiter: /(,|;)\s*/,
      deferRequestBy: 0, //miliseconds
      params: { artists: 'Yes' },
    });

});

This request hits my rails action and returns this json. there is only one object returned but most of the time there will be more then 1...this was just a test case:

[
    {
        "user": {
            "salt": "somthing",
            "name": "john",
            "encrypted_password": "92dadsfa6b001ffe71c3c1d8e9fb76c42d1c8afeffa739de9063d94206c",
            "created_at": "2010-09-10T14:10:54Z",
            "updated_at": "2010-09-10T14:10:54Z",
            "admin": null,
            "id": 1,
            "remember_token": "c945522b3eb0a25e36bb39155fc05b3eec301ac5e2196956f2e6f86b4b22c987",
            "email": "[email protected]"
        }
    }
]

I can clearly see the request in firebug but I am not getting anything for the autocomplete and it errors out...Am i missing anything...My error is

a.suggestions is undefined

Lazarus · Accepted Answer · 2010-09-10 16:17:22Z

4

I think you need to read a little further down the developers page as your response is in the wrong format:

Web page that provides data for Ajax Autocomplete, in our case autocomplete.ashx will receive GET request with querystring ?query=Li, and it must return JSON data in the following format:

{
 query:'Li',
 suggestions:['Liberia','Libyan Arab Jamahiriya','Liechtenstein','Lithuania'],
 data:['LR','LY','LI','LT']
}

Notes:

query - original query value
suggestions - comma separated array of suggested values data
(optional) - data array, that contains values for callback function when data is selected.

answered Sep 10, 2010 at 16:17

Lazarus

43.2k4 gold badges47 silver badges54 bronze badges

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

2 Comments

Teja Kantamneni Over a year ago

This may be the problem as I am not sure about this plugin. But if it the case, it may not be the right solution as you are having tight coupling with format. Try docs.jquery.com/Plugins/Autocomplete/autocomplete which can support any format and has very good plugging in capability using very good callback method support

Lazarus Over a year ago

I wouldn't see this as tightly coupled in the strictest sense. I would expect that my ViewModel (or server side code) would query my data source and format the output accordingly for the View which, in this case, is the Autocomplete. From what I've seen of your alternative you are still going to have to return either an array of strings or an array of key=>value pairs. The documentation isn't good enough to know if your output format above will be read. Lastly, if you don't need all the data in that format, why send it to the client? You could reveal something you shouldn't.

Sergei Glotov · Accepted Answer · 2012-04-08 06:59:00Z

1

Sincere advice , dont construct JSON Strings. Please go for an API.
If you are using java, check this out http://www.json.org/java/
and make sure to set content-type in response as application/json

edited Apr 8, 2012 at 6:59

Sergei Glotov

20.4k11 gold badges87 silver badges100 bronze badges

answered Apr 8, 2012 at 5:36

human.js

1,40214 silver badges15 bronze badges

Comments

trrrrrrm · Accepted Answer · 2010-09-10 16:20:37Z

0

YOUR JSON is in a wrong format

Check their correct format

{
 query:'Li',
 suggestions:['Liberia','Libyan Arab Jamahiriya','Liechtenstein','Lithuania'],
 data:['LR','LY','LI','LT']
}

edited Sep 10, 2010 at 16:20

answered Sep 10, 2010 at 16:15

trrrrrrm

11.9k25 gold badges87 silver badges131 bronze badges

Collectives™ on Stack Overflow

Jquery Autocomplete with json fails

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related