EmberJS making HTTP Post request to Rails API server using ember-ajax

Question

So I have a Rails API and an Ember application. At the moment, my Ember has a login.hbs template and a login.js controller.

I have done a ember install ember-ajax (https://github.com/ember-cli/ember-ajax).

On entering an email and password, I click on the login button which calls my login.js action loginClicked()

I have the following in my login controller:

// login.js controller
import Ember from 'ember';

export default Ember.Controller.extend({
  email: '',
  password: '',

  actions: {
    loginClicked() {
      // alert("email: " + this.get('email') + "\npassword: " + this.get('password'));

      let params = {
        email: this.get('email'),
        password: this.get('password')
      };

      post('/authenticate', {
        params: params
      });
    }
  }
});

In my login.js route handler, I have injected the ember-ajax service:

// login.js route handler
import Ember from 'ember';

export default Ember.Route.extend({
  ajax: Ember.inject.service()
});

The problem is, my Mac terminal console is outputting an error saying:

controllers/login.js: line 16, col 7, 'post' is not defined.

I have also tried injecting the ember-ajax service into my controller but it made no difference.

Am I doing something wrong ?

Sebastien Bonnefoy · Accepted Answer · 2016-07-05 06:33:59Z

4

Everything is described into the ember-ajax github page https://github.com/ember-cli/ember-ajax

export default Ember.Controller.extend({
  ajax: Ember.inject.service(),

  actions: {
    loginClicked() {
      let params = {
        email: this.get('email'),
        password: this.get('password')
      };

      return this.get('ajax').request('/authenticate', {
        method: 'POST',
        data: params
      });
    }
  }
});

Basically, to access any property of your controller (component, ...) in ember, you need to get it using this.get('propertyName'). Here you need to use the request method of the ajax property (the injected service).

answered Jul 5, 2016 at 6:33

Sebastien Bonnefoy

563 bronze badges

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

1 Comment

Zhang Over a year ago

Yes, I just realised I needed to type this.get('ajax').post(...) rather than just post(...) :D

Collectives™ on Stack Overflow

EmberJS making HTTP Post request to Rails API server using ember-ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related