从EmberJs组件进行ajax调用的正确方式？

import { inject as service } from '@ember/service';
import Component from '@ember/component';

export default Component.extend({
  ajax: service(),
  // ...
});

import { inject as service } from '@ember/service';
import Component from '@ember/component';

export default Component.extend({
  ajax: service(),

  actions: {
    fetchData() {
      this.get('ajax').request('/api/data').then((response) => {
        // 处理响应数据
      }).catch((error) => {
        // 处理错误
      });
    }
  }
});

this.get('ajax').request('/api/data', {
  method: 'POST',
  data: {
    key1: 'value1',
    key2: 'value2'
  }
}).then((response) => {
  // 处理响应数据
}).catch((error) => {
  // 处理错误
});

this.get('ajax').request('/api/data', {
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer token'
  }
}).then((response) => {
  // 处理响应数据
}).catch((error) => {
  // 处理错误
});