Send "Content-Type": "application/json; charset=utf-8" by default

Hey folks, first of all great job with the library 😃

So I notice that ember-ajax sends data with a content type of application/x-www-form-urlencoded by default. Since sending JSON is so common, would you think it’s a good idea for application/json to be the default content type instead? (Like in superagent.)

For example, instead of this:

this.get('ajax').post(url, {
  contentType: 'application/json; charset=utf-8',
  data: JSON.stringify({
    hello: 'world',
    foo: 'bar'
  })
}

You could do something like this:

this.get('ajax').post(url, {
  data: {
    hello: 'world',
    foo: 'bar'
  }
})

I’m thinking it would just cut down on some boilerplate. What do you think?

[nucleartide]

Yep, just tried it out - looks great! @cqcsobreyra’s idea is good, here’s the custom AjaxService I made to support my original use case:

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

export default AjaxService.extend({
  contentType: 'application/json; charset=utf-8',

  options() {
    const result = this._super(...arguments)
    if (result.contentType === this.get('contentType')) {
      result.data = JSON.stringify(result.data)
    }
    return result
  }
})

Usage:

// import stuff
import Ember from 'ember'
const {
  inject: { service }
} = Ember

// inject service
ajax: service('custom-ajax')

// use
this.get('ajax').post('/helloworld', {
  data: {
    hello: 'world'
  }
})

[ChavaSobreyra]

Just wanted to share an idea for a quick dirty fix how to achieve default options for those who might find it useful. In the ajax service you could do something like

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

export default AjaxService.extend({
    configuredRequest(url, options){
        var defaultOptions = {
            cache: false,
            contentType: 'application/json; charset=UTF-8',
            processData: false
        }

        if (options) {
            $.extend(defaultOptions, options);
        }
        this.request(url, options);
    }
});

And then just call this.get(‘ajax’).configuredRequest(‘/yoururl’, yourOptions);