home
  • Blog
  • Home
  • Projects
    • Ember
    • EmberData
    • Ember CLI
1.13
  • Packages
    • ember-data
  • Namespaces
    • DS
    • Ember.Date
  • Classes
    • DS.AbortError
    • DS.ActiveModelAdapter
    • DS.ActiveModelSerializer
    • DS.Adapter
    • DS.AdapterError
    • DS.AdapterPopulatedRecordArray
    • DS.BooleanTransform
    • DS.BuildURLMixin
    • DS.DateTransform
    • DS.EmbeddedRecordsMixin
    • DS.Errors
    • DS.FilteredRecordArray
    • DS.FixtureAdapter
    • DS.InternalModel
    • DS.InvalidError
    • DS.JSONAPIAdapter
    • DS.JSONAPISerializer
    • DS.JSONSerializer
    • DS.ManyArray
    • DS.Model
    • DS.NumberTransform
    • DS.PromiseArray
    • DS.PromiseManyArray
    • DS.PromiseObject
    • DS.RESTAdapter
    • DS.RESTSerializer
    • DS.RecordArray
    • DS.RootState
    • DS.Serializer
    • DS.Store
    • DS.StringTransform
    • DS.TimeoutError
    • DS.Transform

Class DS.ActiveModelSerializer


Extends: DS.RESTSerializer
Defined in: packages/activemodel-adapter/lib/system/active-model-serializer.js:16
Module: ember-data

The ActiveModelSerializer is a subclass of the RESTSerializer designed to integrate with a JSON API that uses an underscored naming convention instead of camelCasing. It has been designed to work out of the box with the active_model_serializers Ruby gem. This Serializer expects specific settings using ActiveModel::Serializers, embed :ids, embed_in_root: true which sideloads the records.

This serializer extends the DS.RESTSerializer by making consistent use of the camelization, decamelization and pluralization methods to normalize the serialized JSON into a format that is compatible with a conventional Rails backend and Ember Data.

JSON Structure

The ActiveModelSerializer expects the JSON returned from your server to follow the REST adapter conventions substituting underscored keys for camelcased ones.

Conventional Names

Attribute names in your JSON payload should be the underscored versions of the attributes in your Ember.js models.

For example, if you have a Person model:

App.FamousPerson = DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  occupation: DS.attr('string')
});

The JSON returned should look like this:

{
  "famous_person": {
    "id": 1,
    "first_name": "Barack",
    "last_name": "Obama",
    "occupation": "President"
  }
}

Let's imagine that Occupation is just another model:

App.Person = DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  occupation: DS.belongsTo('occupation')
});

App.Occupation = DS.Model.extend({
  name: DS.attr('string'),
  salary: DS.attr('number'),
  people: DS.hasMany('person')
});

The JSON needed to avoid extra server calls, should look like this:

{
  "people": [{
    "id": 1,
    "first_name": "Barack",
    "last_name": "Obama",
    "occupation_id": 1
  }],

  "occupations": [{
    "id": 1,
    "name": "President",
    "salary": 100000,
    "person_ids": [1]
  }]
}


Methods

extract (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.Serializer packages/ember-data/lib/system/serializer.js:63

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

The extract method is used to deserialize the payload received from your data source into the form that Ember Data expects.

extractArray (store, primaryTypeClass, rawPayload) : Array

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:528

store
DS.Store
primaryTypeClass
DS.Model
rawPayload
Object
returns
Array

The primary array that was returned in response to the original query.

Called when the server has returned a payload representing multiple records, such as in response to a findAll or findQuery.

It is your opportunity to clean up the server's response into the normalized form expected by Ember Data.

If you want, you can just restructure the top-level of your payload, and do more fine-grained normalization in the normalize method.

For example, if you have a payload like this in response to a request for all posts:

{
  "_embedded": {
    "post": [{
      "id": 1,
      "title": "Rails is omakase"
    }, {
      "id": 2,
      "title": "The Parley Letter"
    }],
    "comment": [{
      "_id": 1,
      "comment_title": "Rails is unagi",
      "post_id": 1
    }, {
      "_id": 2,
      "comment_title": "Don't tread on me",
      "post_id": 2
    }]
  }
}

You could implement a serializer that looks like this to get your payload into shape:

app/serializers/post.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  // First, restructure the top-level so it's organized by type
  // and the comments are listed under a post's `comments` key.
  extractArray: function(store, type, payload) {
    var posts = payload._embedded.post;
    var comments = [];
    var postCache = {};

    posts.forEach(function(post) {
      post.comments = [];
      postCache[post.id] = post;
    });

    payload._embedded.comment.forEach(function(comment) {
      comments.push(comment);
      postCache[comment.post_id].comments.push(comment);
      delete comment.post_id;
    });

    payload = { comments: comments, posts: posts };

    return this._super(store, type, payload);
  },

  normalizeHash: {
    // Next, normalize individual comments, which (after `extract`)
    // are now located under `comments`
    comments: function(hash) {
      hash.id = hash._id;
      hash.title = hash.comment_title;
      delete hash._id;
      delete hash.comment_title;
      return hash;
    }
  }
})

When you call super from your own implementation of extractArray, the built-in implementation will find the primary array in your normalized payload and push the remaining records into the store.

The primary array is the array found under posts.

The primary record has special meaning when responding to findQuery or findHasMany. In particular, the primary array will become the list of records in the record array that kicked off the request.

If your primary array contains secondary (embedded) records of the same type, you cannot place these into the primary array posts. Instead, place the secondary items into an underscore prefixed property _posts, which will push these items into the store and will not affect the resulting query.

extractAttributes (modelClass, resourceHash) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:527

modelClass
Object
resourceHash
Object
returns
Object

Returns the resource's attributes formatted as a JSON-API "attributes object".

http://jsonapi.org/format/#document-resource-object-attributes

extractCreateRecord (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1332

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

json The deserialized payload

extractCreateRecord is a hook into the extract method used when a call is made to DS.Model#save and the record is new. By default this method is alias for extractSave.

extractDeleteRecord (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1364

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

json The deserialized payload

extractDeleteRecord is a hook into the extract method used when a call is made to DS.Model#save and the record has been deleted. By default this method is alias for extractSave.

extractErrors (store, typeClass, payload, id) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1548

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
returns
Object

json The deserialized errors

extractErrors is used to extract model errors when a call is made to DS.Model#save which fails with an InvalidError. By default Ember Data expects error information to be located on the errors property of the payload object.

Example

app/serializers/post.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  extractErrors: function(store, typeClass, payload, id) {
    if (payload && typeof payload === 'object' && payload._problems) {
      payload = payload._problems;
      this.normalizeErrors(typeClass, payload);
    }
    return payload;
  }
});

extractFind (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1381

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

json The deserialized payload

extractFind is a hook into the extract method used when a call is made to DS.Store#find. By default this method is alias for extractSingle.

extractFindAll (store, typeClass, payload, id, requestType) : Array

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1251

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Array

array An array of deserialized objects

extractFindAll is a hook into the extract method used when a call is made to DS.Store#findAll. By default this method is an alias for extractArray.

extractFindBelongsTo (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1398

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

json The deserialized payload

extractFindBelongsTo is a hook into the extract method used when a call is made to DS.Store#findBelongsTo. By default this method is alias for extractSingle.

extractFindHasMany (store, typeClass, payload, id, requestType) : Array

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1315

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Array

array An array of deserialized objects

extractFindHasMany is a hook into the extract method used when a call is made to DS.Store#findHasMany. By default this method is alias for extractArray.

extractFindMany (store, typeClass, payload, id, requestType) : Array

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1299

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Array

array An array of deserialized objects

extractFindMany is a hook into the extract method used when a call is made to DS.Store#findMany. By default this method is alias for extractArray.

extractFindQuery (store, typeClass, payload, id, requestType) : Array

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1267

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Array

array An array of deserialized objects

extractFindQuery is a hook into the extract method used when a call is made to DS.Store#findQuery. By default this method is an alias for extractArray.

extractId (modelClass, resourceHash) : String

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:513

modelClass
Object
resourceHash
Object
returns
String

Returns the resource's ID.

extractMeta (store, typeClass, payload)

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1512

store
DS.Store
typeClass
DS.Model
payload
Object

extractMeta is used to deserialize any meta information in the adapter payload. By default Ember Data expects meta information to be located on the meta property of the payload object.

Example

app/serializers/post.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  extractMeta: function(store, typeClass, payload) {
    if (payload && payload._pagination) {
      store.setMetadataFor(typeClass, payload._pagination);
      delete payload._pagination;
    }
  }
});

extractQueryRecord (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1283

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

object A hash of deserialized object

extractQueryRecord is a hook into the extract method used when a call is made to DS.Store#queryRecord. By default this method is an alias for extractSingle.

extractRelationship (relationshipModelName, relationshipHash) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:551

relationshipModelName
Object
relationshipHash
Object
returns
Object

Returns a relationship formatted as a JSON-API "relationship object".

http://jsonapi.org/format/#document-resource-object-relationships

extractRelationships (modelClass, resourceHash) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:582

modelClass
Object
resourceHash
Object
returns
Object

Returns the resource's relationships formatted as a JSON-API "relationships object".

http://jsonapi.org/format/#document-resource-object-relationships

extractSave (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1414

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

json The deserialized payload

extractSave is a hook into the extract method used when a call is made to DS.Model#save. By default this method is alias for extractSingle.

extractSingle (store, primaryTypeClass, rawPayload, recordId) : Object

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:390

store
DS.Store
primaryTypeClass
DS.Model
rawPayload
Object
recordId
String
returns
Object

the primary response to the original request

Called when the server has returned a payload representing a single record, such as in response to a find or save.

It is your opportunity to clean up the server's response into the normalized form expected by Ember Data.

If you want, you can just restructure the top-level of your payload, and do more fine-grained normalization in the normalize method.

For example, if you have a payload like this in response to a request for post 1:

{
  "id": 1,
  "title": "Rails is omakase",

  "_embedded": {
    "comment": [{
      "_id": 1,
      "comment_title": "FIRST"
    }, {
      "_id": 2,
      "comment_title": "Rails is unagi"
    }]
  }
}

You could implement a serializer that looks like this to get your payload into shape:

app/serializers/post.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  // First, restructure the top-level so it's organized by type
  extractSingle: function(store, typeClass, payload, id) {
    var comments = payload._embedded.comment;
    delete payload._embedded;

    payload = { comments: comments, post: payload };
    return this._super(store, typeClass, payload, id);
  },

  normalizeHash: {
    // Next, normalize individual comments, which (after `extract`)
    // are now located under `comments`
    comments: function(hash) {
      hash.id = hash._id;
      hash.title = hash.comment_title;
      delete hash._id;
      delete hash.comment_title;
      return hash;
    }
  }
})

When you call super from your own implementation of extractSingle, the built-in implementation will find the primary record in your normalized payload and push the remaining records into the store.

The primary record is the single hash found under post or the first element of the posts array.

The primary record has special meaning when the record is being created for the first time or updated (createRecord or updateRecord). In particular, it will update the properties of the record that was saved.

extractUpdateRecord (store, typeClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1348

store
DS.Store
typeClass
DS.Model
payload
Object
id
(String|Number)
requestType
String
returns
Object

json The deserialized payload

extractUpdateRecord is a hook into the extract method used when a call is made to DS.Model#save and the record has been updated. By default this method is alias for extractSave.

keyForAttribute (attribute) :

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:106

attribute
String
returns

String

Converts camelCased attributes to underscored when serializing.

keyForLink (key, kind) : String

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:137

key
String
kind
String

belongsTo or hasMany

returns
String

normalized key

keyForLink can be used to define a custom key when deserializing link properties. The ActiveModelSerializer camelizes link keys by default.

keyForRelationship (relationshipModelName, kind) :

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:117

relationshipModelName
String
kind
String
returns

String

Underscores relationship names and appends "id" or "ids" when serializing relationship keys.

modelNameFromPayloadKey (key) : String

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:746

key
String
returns
String

the model's modelName

This method is used to convert each JSON root key in the payload into a modelName that it can use to look up the appropriate model for that part of the payload.

For example, your server may send a model name that does not correspond with the name of the model in your app. Let's take a look at an example model, and an example payload:

app/models/post.js
import DS from 'ember-data';

export default DS.Model.extend({
});
  {
    "blog/post": {
      "id": "1
    }
  }

Ember Data is going to normalize the payload's root key for the modelName. As a result, it will try to look up the "blog/post" model. Since we don't have a model called "blog/post" (or a file called app/models/blog/post.js in ember-cli), Ember Data will throw an error because it cannot find the "blog/post" model.

Since we want to remove this namespace, we can define a serializer for the application that will remove "blog/" from the payload key whenver it's encountered by Ember Data:

app/serializers/application.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  modelNameFromPayloadKey: function(payloadKey) {
    if (payloadKey === 'blog/post') {
      return this._super(payloadKey.replace('blog/', ''));
    } else {
     return this._super(payloadKey);
    }
  }
});

After refreshing, Ember Data will appropriately look up the "post" model.

By default the modelName for a model is its name in dasherized form. This means that a payload key like "blogPost" would be normalized to "blog-post" when Ember Data looks up the model. Usually, Ember Data can use the correct inflection to do this for you. Most of the time, you won't need to override modelNameFromPayloadKey for this purpose.

normalize (typeClass, hash, prop) :

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:188

typeClass
subclass of DS.Model
hash
Object
prop
String
returns

Object

Add extra step to DS.RESTSerializer.normalize so links are normalized.

If your payload looks like:

{
  "post": {
    "id": 1,
    "title": "Rails is omakase",
    "links": { "flagged_comments": "api/comments/flagged" }
  }
}

The normalized version would look like this

{
  "post": {
    "id": 1,
    "title": "Rails is omakase",
    "links": { "flaggedComments": "api/comments/flagged" }
  }
}

normalize (typeClass, hash) : Object

Module: ember-data

Inherited from DS.Serializer packages/ember-data/lib/system/serializer.js:93

typeClass
DS.Model
hash
Object
returns
Object

The normalize method is used to convert a payload received from your external data source into the normalized form store.push() expects. You should override this method, munge the hash and return the normalized payload.

normalizeArray (store, modelName, arrayHash, prop) : Object

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:210

store
DS.Store
modelName
String
arrayHash
Object
prop
String
returns
Object

Normalizes an array of resource payloads and returns a JSON-API Document with primary data and, if any, included data as { data, included }.

normalizeArrayResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:404

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeCreateRecordResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:339

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeDeleteRecordResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:352

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeFindAllResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:274

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeFindBelongsToResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:287

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeFindHasManyResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:300

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeFindManyResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:313

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeFindRecordResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:248

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeLinks (data)

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:226

data
Object

Convert snake_cased links to camelCase

normalizeQueryRecordResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:261

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeQueryResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:326

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:189

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

The normalizeResponse method is used to normalize a payload from the server to a JSON-API Document.

http://jsonapi.org/format/#document-structure

This method delegates to a more specific normalize method based on the requestType.

To override this method with a custom one, make sure to call return this._super(store, primaryModelClass, payload, id, requestType) with your pre-processed data.

Here's an example of using normalizeResponse manually:

socket.on('message', function(message) {
  var data = message.data;
  var modelClass = store.modelFor(data.modelName);
  var serializer = store.serializerFor(data.modelName);
  var json = serializer.normalizeSingleResponse(store, modelClass, data, data.id);

  store.push(normalized);
});

normalizeSaveResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:378

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeSingleResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:391

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

normalizeUpdateRecordResponse (store, primaryModelClass, payload, id, requestType) : Object

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:365

store
DS.Store
primaryModelClass
DS.Model
payload
Object
id
String|Number
requestType
String
returns
Object

JSON-API Document

payloadKeyFromModelName (modelName) : String

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:155

modelName
String
returns
String

Underscores the JSON root keys when serializing.

pushPayload (store, rawPayload)

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:681

store
DS.Store
rawPayload
Object

This method allows you to push a payload containing top-level collections of records organized per type.

{
  "posts": [{
    "id": "1",
    "title": "Rails is omakase",
    "author", "1",
    "comments": [ "1" ]
  }],
  "comments": [{
    "id": "1",
    "body": "FIRST"
  }],
  "users": [{
    "id": "1",
    "name": "@d2h"
  }]
}

It will first normalize the payload, so you can use this to push in data streaming in from your server structured the same way that fetches and saves are structured.

serialize (snapshot, options) : Object

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:810

snapshot
DS.Snapshot
options
Object
returns
Object

json

Called when a record is saved in order to convert the record into JSON.

By default, it creates a JSON object with a key for each attribute and belongsTo relationship.

For example, consider this model:

app/models/comment.js
import DS from 'ember-data';

export default DS.Model.extend({
  title: DS.attr(),
  body: DS.attr(),

  author: DS.belongsTo('user')
});

The default serialization would create a JSON object like:

{
  "title": "Rails is unagi",
  "body": "Rails? Omakase? O_O",
  "author": 12
}

By default, attributes are passed through as-is, unless you specified an attribute type (DS.attr('date')). If you specify a transform, the JavaScript value will be serialized when inserted into the JSON hash.

By default, belongs-to relationships are converted into IDs when inserted into the JSON hash.

IDs

serialize takes an options hash with a single option: includeId. If this option is true, serialize will, by default include the ID in the JSON object it builds.

The adapter passes in includeId: true when serializing a record for createRecord, but not for updateRecord.

Customization

Your server may expect a different JSON format than the built-in serialization format.

In that case, you can implement serialize yourself and return a JSON hash of your choosing.

app/serializers/post.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  serialize: function(snapshot, options) {
    var json = {
      POST_TTL: snapshot.attr('title'),
      POST_BDY: snapshot.attr('body'),
      POST_CMS: snapshot.hasMany('comments', { ids: true })
    }

    if (options.includeId) {
      json.POST_ID_ = snapshot.id;
    }

    return json;
  }
});

Customizing an App-Wide Serializer

If you want to define a serializer for your entire application, you'll probably want to use eachAttribute and eachRelationship on the record.

app/serializers/application.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  serialize: function(snapshot, options) {
    var json = {};

    snapshot.eachAttribute(function(name) {
      json[serverAttributeName(name)] = snapshot.attr(name);
    })

    snapshot.eachRelationship(function(name, relationship) {
      if (relationship.kind === 'hasMany') {
        json[serverHasManyName(name)] = snapshot.hasMany(name, { ids: true });
      }
    });

    if (options.includeId) {
      json.ID_ = snapshot.id;
    }

    return json;
  }
});

function serverAttributeName(attribute) {
  return attribute.underscore().toUpperCase();
}

function serverHasManyName(name) {
  return serverAttributeName(name.singularize()) + "_IDS";
}

This serializer will generate JSON that looks like this:

{
  "TITLE": "Rails is omakase",
  "BODY": "Yep. Omakase.",
  "COMMENT_IDS": [ 1, 2, 3 ]
}

Tweaking the Default JSON

If you just want to do some small tweaks on the default JSON, you can call super first and make the tweaks on the returned JSON.

app/serializers/post.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  serialize: function(snapshot, options) {
    var json = this._super(snapshot, options);

    json.subject = json.title;
    delete json.title;

    return json;
  }
});

serialize (record, options) : Object

Module: ember-data

Inherited from DS.Serializer packages/ember-data/lib/system/serializer.js:77

record
DS.Model
options
Object
returns
Object

The serialize method is used when a record is saved in order to convert the record into the form that your external data source expects.

serialize takes an optional options hash with a single option:

  • includeId: If this is true, serialize should include the ID in the serialized object it builds.

serializeAttribute (snapshot, json, key, attribute)

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1031

snapshot
DS.Snapshot
json
Object
key
String
attribute
Object

serializeAttribute can be used to customize how DS.attr properties are serialized

For example if you wanted to ensure all your attributes were always serialized as properties on an attributes object you could write:

app/serializers/application.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  serializeAttribute: function(snapshot, json, key, attributes) {
    json.attributes = json.attributes || {};
    this._super(snapshot, json.attributes, key, attributes);
  }
});

serializeBelongsTo (snapshot, json, relationship)

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1078

snapshot
DS.Snapshot
json
Object
relationship
Object

serializeBelongsTo can be used to customize how DS.belongsTo properties are serialized.

Example

app/serializers/post.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  serializeBelongsTo: function(snapshot, json, relationship) {
    var key = relationship.key;

    var belongsTo = snapshot.belongsTo(key);

    key = this.keyForRelationship ? this.keyForRelationship(key, "belongsTo", "serialize") : key;

    json[key] = Ember.isNone(belongsTo) ? belongsTo : belongsTo.record.toJSON();
  }
});

serializeHasMany (snapshot, json, relationship)

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1131

snapshot
DS.Snapshot
json
Object
relationship
Object

serializeHasMany can be used to customize how DS.hasMany properties are serialized.

Example

app/serializers/post.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  serializeHasMany: function(snapshot, json, relationship) {
    var key = relationship.key;
    if (key === 'comments') {
      return;
    } else {
      this._super.apply(this, arguments);
    }
  }
});

serializeIntoHash (hash, typeClass, snapshot, options)

Module: ember-data

Inherited from DS.RESTSerializer packages/ember-data/lib/serializers/rest-serializer.js:965

hash
Object
typeClass
DS.Model
snapshot
DS.Snapshot
options
Object

You can use this method to customize the root keys serialized into the JSON. By default the REST Serializer sends the modelName of a model, which is a camelized version of the name.

For example, your server may expect underscored root objects.

app/serializers/application.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  serializeIntoHash: function(data, type, record, options) {
    var root = Ember.String.decamelize(type.modelName);
    data[root] = this.serialize(record, options);
  }
});

serializePolymorphicType (snapshot, json, relationship)

Module: ember-data

Defined in packages/activemodel-adapter/lib/system/active-model-serializer.js:166

snapshot
DS.Snapshot
json
Object
relationship
Object

Serializes a polymorphic type as a fully capitalized model name.

serializePolymorphicType (snapshot, json, relationship)

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:1174

snapshot
DS.Snapshot
json
Object
relationship
Object

You can use this method to customize how polymorphic objects are serialized. Objects are considered to be polymorphic if { polymorphic: true } is pass as the second argument to the DS.belongsTo function.

Example

app/serializers/comment.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  serializePolymorphicType: function(snapshot, json, relationship) {
    var key = relationship.key,
        belongsTo = snapshot.belongsTo(key);
    key = this.keyForAttribute ? this.keyForAttribute(key, "serialize") : key;

    if (Ember.isNone(belongsTo)) {
      json[key + "_type"] = null;
    } else {
      json[key + "_type"] = belongsTo.modelName;
    }
  }
});

Properties

attrs

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:101

The attrs object can be used to declare a simple mapping between property names on DS.Model records and payload keys in the serialized JSON object representing the record. An object with the property key can also be used to designate the attribute's key on the response payload.

Example

app/models/person.js
import DS from 'ember-data';

export default DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  occupation: DS.attr('string'),
  admin: DS.attr('boolean')
});
app/serializers/person.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  attrs: {
    admin: 'is_admin',
    occupation: { key: 'career' }
  }
});

You can also remove attributes by setting the serialize key to false in your mapping object.

Example

app/serializers/person.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  attrs: {
    admin: {serialize: false},
    occupation: { key: 'career' }
  }
});

When serialized:

{
  "firstName": "Harry",
  "lastName": "Houdini",
  "career": "magician"
}

Note that the admin is now not included in the payload.

primaryKey

Module: ember-data

Inherited from DS.JSONSerializer packages/ember-data/lib/serializers/json-serializer.js:77

The primaryKey is used when serializing and deserializing data. Ember Data always uses the id property to store the id of the record. The external source may not always follow this convention. In these cases it is useful to override the primaryKey property to match the primaryKey of your external store.

Example

app/serializers/application.js
import DS from 'ember-data';

export default DS.JSONSerializer.extend({
  primaryKey: '_id'
});

store public

Module: ember-data

Inherited from DS.Serializer packages/ember-data/lib/system/serializer.js:52

The store property is the application's store that contains all records. It's injected as a service. It can be used to push records from a non flat data structure server response.

On this page


Methods

  • extract
  • extractArray
  • extractAttributes
  • extractCreateRecord
  • extractDeleteRecord
  • extractErrors
  • extractFind
  • extractFindAll
  • extractFindBelongsTo
  • extractFindHasMany
  • extractFindMany
  • extractFindQuery
  • extractId
  • extractMeta
  • extractQueryRecord
  • extractRelationship
  • extractRelationships
  • extractSave
  • extractSingle
  • extractUpdateRecord
  • keyForAttribute
  • keyForLink
  • keyForRelationship
  • modelNameFromPayloadKey
  • normalize
  • normalize
  • normalizeArray
  • normalizeArrayResponse
  • normalizeCreateRecordResponse
  • normalizeDeleteRecordResponse
  • normalizeFindAllResponse
  • normalizeFindBelongsToResponse
  • normalizeFindHasManyResponse
  • normalizeFindManyResponse
  • normalizeFindRecordResponse
  • normalizeLinks
  • normalizeQueryRecordResponse
  • normalizeQueryResponse
  • normalizeResponse
  • normalizeSaveResponse
  • normalizeSingleResponse
  • normalizeUpdateRecordResponse
  • payloadKeyFromModelName
  • pushPayload
  • serialize
  • serialize
  • serializeAttribute
  • serializeBelongsTo
  • serializeHasMany
  • serializeIntoHash
  • serializePolymorphicType
  • serializePolymorphicType

Properties

  • attrs
  • primaryKey
  • store
Team Sponsors Security Legal Branding Community Guidelines
Twitter GitHub Discord Mastodon

If you want help you can contact us by email, open an issue, or get realtime help by joining the Ember Discord.

© Copyright 2025 - Tilde Inc.
Ember.js is free, open source and always will be.


Ember is generously supported by
blue Created with Sketch.