Reading JSON Response with No Root Element in Sencha Touch

Question

I have a returned VALID JSON response as follows:

[{"VegetableId":4,"VegetableCode":"001","CatalogId":14,"Name":"Carrot","Description":"The carrot is a root vegetable, usually orange in colour, though purple,

Please note that the above response is only part of it but as you can see that it does not have a rootElement. How can I consume this in Sencha Touch.

Here is my proxy code but it does not populate the model.

Ext.define('MyApp.store.Vegetables',{
    extend:'Ext.data.Store',
    config:{
        model:'MyApp.model.Vegetable',
        autoLoad:true,
        proxy:{
            type:'jsonp',
            url:'theurltothejson',
            reader:{
                type:'json',
                rootProperty:null
            }

        }

    }

});

Thanks!

Why are you using `jsonp`? Is the call cross domain? – Evan Trimboli Dec 11 '13 at 17:56 — Evan Trimboli, Dec 11 '13 at 17:56

score 0 · Answer 1 · answered Dec 11 '13 at 17:16

0

If the proxy accepts a filter: parameter you can specify a function that pre-processes the returned json, and transform it into something that the rest of your scripts can handle (say, by wrapping it in a root element).

answered Dec 11 '13 at 17:16

Tom McClure

6,699
1
21
21

Can you give an example? – john doe Dec 11 '13 at 17:18
looks like this is not possible in this way. you need to subclass the reader as suggested in this comment thread: http://stackoverflow.com/questions/16852095/re-formatting-json-data-to-fit-into-tree-store but alas, no example code there either. – Tom McClure Dec 11 '13 at 17:30
Is there any method (success, response) fired when the response is returned from the web server using jsonp as an option? – john doe Dec 11 '13 at 17:42
Weird! If I take the json response and put that in a .json file locally then it works by changing proxy type to 'ajax' instead of 'jsonp' – john doe Dec 11 '13 at 18:30

score 0 · Answer 2 · answered Dec 11 '13 at 19:26

Your server response is JSON, but your proxy is set for JSONP... and there's a big difference.

As Evan points out in his comment, you should only need a JSONP proxy if it's going across domains. If you don't need that, swap it to a JSON proxy. If you do need it, then the response has to be valid JSONP.

Mitchell Simoens · Answer 3 · 2013-12-11T19:32:59.150

That response is readable but is your response JSONP or just JSON? You are using JSONP proxy but you are providing only JSON (least here). JSONP !== JSON.

This is JSON:

[{"foo":"bar"}]

This is JSONP:

SomeCallback([{"foo":"bar"}]);

You can see that there is a large difference.

Here is a fiddle of a store loading an array: https://fiddle.sencha.com/#fiddle/23j

Here is a blog I wrote explaining what JSONP is also: http://mitchellsimoens.com/?p=254

Reading JSON Response with No Root Element in Sencha Touch

3 Answers3