Ember js在窗口卸载前保存数据

Question

我想在用户离开页面之前保存用户进度。在Ember.js（v1.0.0-pre.4）中，最好的方法是什么？

在纯JQuery中，它看起来像：

  $(window).unload(function() { 
    ajaxSaveUserProgress();
    return true;
  });

在Ember中，我正试图做这样的事情：

  Exam.TestView = Ember.View.extend({
    unload: function(event){
      controller.ajaxSaveUserProgress(); // call controller method
      console.log('UNLOADED'+get(this, 'controller.test'));
    }
 });

Answer 1

就我个人而言，我会将此代码放在ApplicationRoute中，因为我相信ApplicationRoute的setupController在应用程序首次初始化时只执行一次。你必须仔细检查，但这是我的理解。

我已经注释掉了您想要的代码，因为我还演示了如何将AJAX请求设置为同步，否则窗口将关闭，您的AJAX请求将无法完成。我们自然需要等到它结束后再关上窗户。

App.ApplicationRoute = Ember.Route.extend({
    setupController: function() {
//        var controller = this.controllerFor('foo');
//        controller.ajaxSaveUserProgress();
        jQuery(window).on('unload', function() {
            jQuery.ajax({ type: 'post', async: false, url: 'foo/bar.json' });
        });
    }
});

请忽略我的jQuery而不是$（个人偏好！）

Answer 2

Ember现在有了标准的处理方法。来自文档：

App.FormRoute = Ember.Route.extend({
  actions: {
    willTransition: function(transition) {
      if (this.controller.get('userHasEnteredData') &&
          !confirm("Are you sure you want to abandon progress?")) {
        transition.abort();
      } else {
        // Bubble the `willTransition` action so that
        // parent routes can decide whether or not to abort.
        return true;
      }
    }
  }
});