Trying to get json data with Ember

Question

Here what my json data look like:

[{"id":1,"iam":1,"youare":2,"lat":50.8275853,"lng":4.3809764,"msgbody":"Lorem ipsum lorem ipsum lorem ipsum"}]

Here's my Ember code:

window.Messages = Ember.Application.create();

Messages.Store = DS.Store.extend({
  revision: 11
});

Messages.MessagesRoute = Ember.Route.extend({
  setupControllers: function(controller) {
    controller.set('content', Messages.Message.find());
  }
});

Messages.Message = DS.Model.extend({
  msgbody: DS.attr('string')
});

Messages.MessagesController = Ember.ArrayController.extend({
  content: []
});

The thing is my json data live in /app_dev.php/messages not in /messages/ ...

I am just trying to do just a successful get request but I can't manage... Could you tell what I am doing wrong so I can get some grasp of the Ember syntax?

EDIT Thanks for your answers.Just to inform that after lots of effort to make something trivial, I tried Angular and it seems to do the job better,faster and easier. So I'm switching frameworks.

Cory Loken · Accepted Answer · 2013-02-16 01:21:33Z

2

You'll want to use the namespace option on the adapter. This can be specified as followed and then when you create the store use the MyApp adapter.

MyApp.Adapter = DS.RESTAdapter.extend({
  namespace: 'app_dev.php'
});

answered Feb 16, 2013 at 1:21

Cory Loken

1,3958 silver badges8 bronze badges

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

1 Comment

George Katsanos Over a year ago

thank you, I made this change and no console errors..but then: no json ajax request either:( I am thinking my routers are not setup correctly..?

Shimon Rachlenko · Accepted Answer · 2013-02-16 21:58:18Z

1

I think that it is better to specify file names via the url option:

App.Store = DS.Store.extend({ revision: 11, adapter: DS.RESTAdapter.create({ url: "/app_dev.php" }) });
The structure of your JSON should be as follows:

{
    messages: [
        {"id":1,"iam":1,"youare":2,"lat":50.8275853,"lng":4.3809764,"msgbody":"ipsum "},
        {"id":2,"iam":1,"youare":2,"lat":50.8275853,"lng":4.3809764,"msgbody":"Lorem "}
    ]
}

See ember guide for further reference.

answered Feb 16, 2013 at 21:58

Shimon Rachlenko

5,51742 silver badges51 bronze badges

1 Comment

George Katsanos Over a year ago

Thanks Simon. The problem is I can't really interfere with how my Json is produced. I don't know how to achieve this output with Mysql... / pho.

Unome · Accepted Answer · 2014-07-08 15:30:14Z

Ember requires that you use what they call "type keys" in order to successfully read JSON, in other words you need to put the name of a model prior to the object itself for Ember to recognize that is of that type.

In my case, I had made a Java/Spring Backend and did not want to add this to my objects, to get around this in ember you can create a Serializer file, documentation for Ember Serializers, specifically the RESTSerializer can be found here.

To add the typeKey to incoming JSON overide the normalizePayload hook. Here is an example of how I did that:

normalizePayload: function(type, payload) {
    var json = {};
    json[type.typeKey] = payload;
    return json;
}

If you hadn't put your typeKey's on the JSON on the way out, you'll probably experience similar problems when you PUT or POST data, so you will probably need to overload the serializeIntoHash hook to remove the typeKey's on outgoing data. Here is an example of what worked for me on that:

serializeIntoHash: function(hash, type, record, options){
    Ember.merge(hash, this.serialize(record, options));
}

Hope that helps! I see you are switching to Angular (Great decision, I prefer Angular 100x over Ember but my work requires I use Ember currently, so I'm fighting through it.) But hopefully this can help someone else who is having similar issues and either wants or is forced to use Ember.

Collectives™ on Stack Overflow

Trying to get json data with Ember

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related