Ember.js REST Adapter without JSON root

Question

The Ember.js REST Adapter expects the JSON to be returned as:

{
    "person": {
        "first_name": "Barack",
        "last_name": "Obama",
        "is_person_of_the_year": true
    }
}

But my API returns the data without a root element:

{
    "first_name": "Barack",
    "last_name": "Obama",
    "is_person_of_the_year": true
}

Is it possible to customize the REST Adapter so that it accepts my JSON data? Right now it's showing "Assertion failed: Your server returned a hash with the key 0 but you have no mapping for it"

UPDATE: Based on Sherwin Yu's answer below, this is what I came up with, seems to work so far: https://gist.github.com/richardkall/5910875

Kit Sunde · Accepted Answer · 2013-12-15 12:41:24Z

15

You could also normalize it into something ember would expect.

App.PersonSerializer = DS.RESTSerializer.extend({
  normalizePayload: function(type, payload) {
    var typeKey = type.typeKey;
    return {
      typeKey: payload
    }
  }
});

answered Dec 15, 2013 at 12:41

Kit Sunde

37.3k29 gold badges134 silver badges179 bronze badges

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

3 Comments

rog Over a year ago

type isn't available anymore, just payload. emberjs.com/api/data/classes/…

kiddouk Over a year ago

This is the way to go, compared to the accepted answer as the developer doesn't have to worry about the type of the payload (Array, Single object) and doesn't have to worry about any store operations.

Andrew Over a year ago

This is the right idea, but the code doesn’t work. The return value’s key is literally “typeKey”, not the value stored by var typeKey.

Sherwin Yu · Accepted Answer · 2013-07-02 15:39:09Z

8

Yes, you can write your own custom REST adapter. Take a look at the source code in the JSONSerializer, RESTSerializer (which extends the JSONSerializer), and the REST adapter.

Basically, the you need to override the extract* methods from the JSONSerializer.

Currently, it looks something like this:

extract: function(loader, json, type, record) {
  var root = this.rootForType(type);

  this.sideload(loader, type, json, root);
  this.extractMeta(loader, type, json);

  if (json[root]) {
    if (record) { loader.updateId(record, json[root]); }
    this.extractRecordRepresentation(loader, type, json[root]);
  }
},

Notice how it checks json[root] -- you'd have to write your custom method based on your expected API response.

Another approach would be to "preprocess" the json from the API to use a root element. You could do this by finding out what methods call extract* (which passes it the json) and before it does so, modify the json to contain the root element.

Hope this helps, please let me know if it's unclear.

answered Jul 2, 2013 at 15:39

Sherwin Yu

3,2403 gold badges27 silver badges42 bronze badges

1 Comment

Richard Over a year ago

Fantastic! Thank you very much! This seems to work: gist.github.com/richardkall/5910875

Ashraf Hasan · Accepted Answer · 2015-03-31 03:28:23Z

1

I solved this by extending DS.RESTSerializer. extractArray method needs to be overloaded when server response is array type.

App.PersonSerializer = DS.RESTSerializer.extend({
    extractSingle: function (store, type, payload, id) {
        var wrappedObj = {};
        wrappedObj[type.typeKey] = payload;
        return this._super(store, type, wrappedObj, id);
    }});

answered Mar 31, 2015 at 3:28

Ashraf Hasan

112 bronze badges

Comments

wdspkr · Accepted Answer · 2016-07-07 16:08:40Z

1

The easiest way is to not use the RESTSerializer but the much simpler JSONSerializer, which does not expect a root element.

Good resources on understanding which serializer to use for a given API can be found in these two blog posts:

http://thejsguy.com/2015/12/05/which-ember-data-serializer-should-i-use.html
http://emberigniter.com/fit-any-backend-into-ember-custom-adapters-serializers/

answered Jul 7, 2016 at 16:08

wdspkr

6466 silver badges13 bronze badges

Collectives™ on Stack Overflow

Ember.js REST Adapter without JSON root

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related