AJAX dependent update pattern

providers.js

// Example 1 
    updateProviders(next) {
      var matrix = this.get('allPatientProviderMatrix');
      var curledMatrix = {matrix}; // wrap array in {} to JSONify 
      var ember = this;
      new Promise( function(resolve, reject) {
        var localEmber = ember;
        Ember.$.ajax({
          type: "POST",
          url: ENV.fullApiUrl+'/matrix/' + localEmber.get('model.report.id'),
          data: JSON.stringify(curledMatrix),
          success: function (data){
            resolve(data); // on success, goto .then
          },
          contentType: "application/json",
        });
      }).then(data => {
        this.set('allPatientProviderMatrix', data);
        this.send('updateFacilities', next);
      });
    },

setup.js

// Example 2
    saveAndContinue(routeName) {
      var newRegObj = this.get('newRegistrationObject'),
          serializedPayload = JSON.stringify(newRegObj),
          emberContext = this;

      new Promise( function(resolve, reject) {
        var localEmber = emberContext;
        // console.log('step 1');
        $.ajax({
          type: "POST",
          url: ENV.fullApiUrl+'/auth',
          data: serializedPayload,
          success: function (data){
            // console.log('step 2');
            resolve(data); // on success, goto .then
          },
          contentType: "application/json",
        });
      }).then(data => {
        // console.log('we made it!');
        this.transitionToRoute(routeName);
      });
    },