Ember RESTAdapter with custom JSON format

Question

I'm currently enjoying diving into Ember and learning a complete Front End MVC solution.

Currently, I'm a little stumped on getting data from our API as it doesn't follow the standard required by Ember's Adapter. Currently, our team are unable to change the structure of the API / JSON response due to the dependencies of third party applications.

RESTAdapter is looking for JSON like this:

{
  'episodes' : [
        {
            id : '1',
            title : 'my first title'
        }
    ]
}

Unfortunately all we get back is an array with each episode as an object, i.e. it cannot be a key with a value of array of objects.

[
    {
        id : 1,
        title : 'my first title'
    },
    {  
        id : 2,
        title : 'my second title'
    }
]

Can anyone provide assistance on how to extend DS.RESTAdapter to follow this format?

Again, our server devs cannot change the API so we have to take the JSON response as is.

Thanks

Kingpin2k Kingpin2k · Accepted Answer · 2014-08-19T19:32:59

Override extractArray in your serializer. You can then modify the payload to match what ember data is looking for.

App.ApplicationSerializer = DS.RESTSerializer.extend({
  extractArray: function(store, type, payload){
    var plural = Ember.String.pluralize(type.typeKey),
        fixed = {};
    fixed[plural] = payload;
    return this._super(store, type, fixed);
  }
});

Example: http://emberjs.jsbin.com/OxIDiVU/953/edit

Ember RESTAdapter with custom JSON format

1 Answers