JQuery autocomplete json_encode custom display

Question

This is driving me slightly crazy.

I am proficient in getting a single Ajax request / autocomplete.

However, now I am trying get a multi-column result working. I am combining: Autocomplete Remote and Custom Display. from the JQuery autocomplete examples.

The json_encoded array returns a string looks like:

a)

[
    {"value":"myvalue1","label":"mylabel1","desc":"mydescription1"},
    {"value":"myvalue2","label":"mylabel2","desc":"mydescription2"}
]

The Autocomplete remote shows a different formatting. Should it be:

b)

[
    {value:"myvalue1",label:"mylabel1",desc:"mydescription1"},
    {value:"myvalue2",label:"mylabel2",desc:"mydescription2"}
]

Which is the correct format - a or b? I am hoping "a", because it requires less code.

Thanks!

I appreciate all the responses. If you can help with part 2 of this, please take a look. stackoverflow.com/questions/8300908/… — Cymbals
– Cymbals, Commented Nov 28, 2011 at 19:25

Nicola Peluchetti · Accepted Answer · 2011-11-28 16:55:51Z

1

I think that the correct version is the first one, A, the second is not a valid JSON as it doesn't pass the validation. you must put " before the keys/properties

For example this is the json that is returned from the jQuery demo:

[
    {
        "id": "Coccothraustes coccothraustes",
        "label": "Hawfinch",
        "value": "Hawfinch"
    },
    {
        "id": "Accipiter gentilis",
        "label": "Northern Goshawk",
        "value": "Northern Goshawk"
    },
    {
        "id": "Accipiter nisus",
        "label": "Eurasian Sparrow Hawk",
        "value": "Eurasian Sparrow Hawk"
    },
    {
        "id": "Surnia ulula",
        "label": "Northern Hawk Owl",
        "value": "Northern Hawk Owl"
    }
]

edited Nov 28, 2011 at 16:55

answered Nov 28, 2011 at 16:50

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

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

1 Comment

Cymbals Over a year ago

I had forgotten all about jsonlint so thank you for the reminder. I will assume the autocomplete will work with this, based on your code example from JQ UI's website. I wonder why they used two different formats?? Thanks so much.

maček · Accepted Answer · 2011-11-28 16:55:57Z

1

You should be putting quotes around your keys/properties

{"foo":"bar"} is recommended over {foo:"bar"}

http://ejohn.org/blog/the-state-of-json/

http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/

answered Nov 28, 2011 at 16:55

maček

78k37 gold badges172 silver badges200 bronze badges

2 Comments

Cymbals Over a year ago

This answer was also correct, but the link provided in the answer below were more definitive for me personally. If I could award 2 correct answers, I would.

maček Over a year ago

Cool. What link did he provide?

Manuel van Rijn · Accepted Answer · 2011-11-28 16:47:36Z

-1

it should be B if you want the plugin does something like obj.value or obj.label

answered Nov 28, 2011 at 16:47

Manuel van Rijn

10.3k1 gold badge33 silver badges54 bronze badges

2 Comments

Nicola Peluchetti Over a year ago

B is not a valid Json i think

Cymbals Over a year ago

I will be using .value so hopefully validated json will work ok too.

Collectives™ on Stack Overflow

JQuery autocomplete json_encode custom display

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related