Ember.js and ember-data error loading json

Question

I receive the error

Uncaught TypeError: Object #<Object> has no method 'map'

when using ember-data to try and load the json from my api.

App = Ember.Application.create({});

App.Student = DS.Model.extend({
    primaryKey: 's_id',
    s_id: DS.attr('integer'),
    surname: DS.attr('string')
});

App.Student.reopenClass({
    url: 'api/student.php'
})

App.adapter = DS.Adapter.create({
    findAll: function(store, type) {
        var url = type.url;

        console.log(type.url);

        jQuery.getJSON(url, function(data){
            store.loadMany(type, data);
        });
    }
});

App.store = DS.Store.create({
    revision: 4,
    adapter: App.adapter
});

App.students = App.store.findAll(App.Student);

I've made sure the JSON is the correct format but to no avail; any ideas?

Thanks

data should be an array -- is it not? Is it under a field like data.results? Can you show a sample response? — dechov
– dechov, Commented Aug 28, 2012 at 17:12
Here is the reponse: Object student: Array[3] 0: Object s_id: 1 surname: "Jones" __proto__: Object 1: Object s_id: 2 surname: "Smith" __proto__: Object 2: Object s_id: 3 surname: "Biggins" __proto__: Object length: 3 __proto__: Array[0] __proto__: Object sorry for the formatting issues — JBarnes
– JBarnes, Commented Aug 28, 2012 at 17:19
Though the structure is lost, I get the impression data.student is the array of students you want to load into the store, not data. Is this correct? — dechov
– dechov, Commented Aug 28, 2012 at 17:27
You would think so, but the other answers to similar questions seemed to suggest that the root level of the JSON response had to be name the same as the instance of the student. See stackoverflow.com/questions/10356129/… — JBarnes
– JBarnes, Commented Aug 28, 2012 at 17:32
I think I know what's going on -- DS.RestAdapter does assume the pluralized form as the root of the json in its implementation of findAll, but if you need this, you should either mimic this implementation or just use/extend that built-in one. — dechov
– dechov, Commented Aug 28, 2012 at 18:30

ladyboo · Accepted Answer · 2012-08-28 23:05:03Z

0

I find it that when using a Custom Adapter it's best to define all methods (findAll, find, createRecord, createRecords, etc) in your App.adapter to avoid throwing errors. You would think that implementing this methods step by step is best to control what's going on in your app, but the default adapter jumps in if you do it like this.

Also check for the correct formating of json response

answered Aug 28, 2012 at 23:05

ladyboo

1374 silver badges10 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:34:41Z

0

pauldechov answered this in a comment above:

I think I know what's going on -- DS.RestAdapter does assume the pluralized form as the root of the json in its implementation of findAll, but if you need this, you should either mimic this implementation or just use/extend that built-in one.

Because the root of the json is named, I can call data.student to get call loadMany correctly.

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Aug 30, 2012 at 8:35

JBarnes

4911 gold badge6 silver badges15 bronze badges

Collectives™ on Stack Overflow

Ember.js and ember-data error loading json

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related