Content-type and Encoding

Hi there,

I’m trying to send a custom ajax call to my backend server, which is a JSONAPI.org server. I don’t know why, but when I try to send a Content-Type header (application/vnd.api+json) ember-ajax is form encoding the request.

      this.get('ajax').request('/api/v1/things', {
        method: 'POST',
        data: {
          // ......
        },
        headers: {
          'Content-Type': 'application/vnd.api+json',
          'Accept': 'application/vnd.api+json'
        }
      }).then( jsonapiResponse => {
         // .....
      });

Checking my server logs is getting the body sent as a big form encoded blob, rather than JSON.

Am I doing something wrong?

[taras]

@brandonparsons Content-Type should be specified as they’re in jQuery by providing contentType key to options hash.

this.get('ajax').request('/foo', { contentType: 'application/vnd.api+json' })

For all other headers, you can use headers hash as you have been.

[brandonparsons]

Hi @alexlafroscia - I did extend it, but only barely:

import Ember from 'ember';
import AjaxService from 'ember-ajax/services/ajax';


export default AjaxService.extend({

  session: Ember.inject.service(),

  headers: Ember.computed('session.data.authenticated.token', {
    get() {
      let headers = {};
      const authToken = this.get('session.data.authenticated.token');
      if (authToken) {
        headers['Authorization'] = `Bearer ${authToken}`;
      }
      return headers;
    }
  })

});