title: AJAX promise without Ember Data
body: <p>I have decided to not use ember-data as it's not production ready and still changing.  My app only needs to make a few ajax requests anyway so it shouldn't make too big of a difference. I am having trouble understanding how to handle an ajax promise response.</p>
  
  <p>When my user loads the app they already have an authenticated session.  I am trying to ping the server for that users info and display it in my template. It seems my template is rendered before my ajax request returns results and then does not update with the promise.</p>
  
  <pre><code>// route
  App.ApplicationRoute = Ember.Route.extend({
      setupController: function(){
          this.set("currentUser", App.User.getCurrentUser());
      }
  });
  
  
  // model
  App.User = Ember.Object.extend({
      email_address: '',
      name_first: '',
      name_last: '',
      name_full: function() {
          return this.get('name_first') + ' ' + this.get('name_last');
      }.property('name_first', 'name_last')
  });
  App.User.reopenClass({
      getCurrentUser: function() {
          return $.ajax({
              url: "/api/get_current_user",
              type: "POST",
              data: JSON.stringify({})
          }).then(function(response) {
              return response;
          });
      }
  });
  </code></pre>
  
  <p>In my template:</p>
  
  <pre><code>&lt;h1&gt; Hey, {{App.currentUser.name_first}}&lt;/h1&gt;
  </code></pre>
  
  <p>How would I update the template when I receive a response or delay rendering until I have a response?</p>