javascript - 推迟搜索直至模板加载

Question

我想向服务器发出请求，以根据用户点击的内容(最近、趋势等)获取一堆新闻文章。我希望能够首先加载页面并在等待 API 响应时显示加载栏。我所拥有的，虽然它可以工作并返回我需要的 JSON 数据，但会等到服务器返回响应后再加载任何内容。这就是到目前为止的全部内容:

我想要实现的是:加载一个空的对象数组，然后增量地对文章进行 API 调用(假设抓取这一小时的所有文章，然后是上一小时，然后是之前一小时，依此类推)上)，每当我检索文章填充 View 时(我假设我可以以某种方式将它们注入(inject)到 Controller 中)，但是我迷失了关​​于如何添加到该对象数组的 Emberisms。我想我需要创建一个 ArrayController，然后在所述数组中创建一个模型，然后调用一个函数来添加它，但正如我所说，我不知道如何动态地将项目添加到该 Controller 中

App = Ember.Application.create();

App.Router.map(function() {
  this.resource('today');
});

App.TodayRoute = Ember.Route.extend({
     model: function() {
        return $.getJSON('/today');
     }
});

<小时/>

详细说明我的问题的推理 - 我对如何使用 ember 处理这个问题感到困惑。我很熟悉如何使用 jquery 来做这样的事情，但是我正在尝试学习这个框架，并且在最初了解两者之间的分工时遇到了一些麻烦。我知道实际的 AJAX 请求应该是 jquery，但我想在 Ember 中做尽可能多的事情。然而，如果这是应该由 jquery 完成的事情，那么也没关系!

Answer 1

getJSON 方法看起来有一个您可以使用的成功回调函数，可能是这样的？

App.TodayRoute = Ember.Route.extend({
     model: function() {
        $.getJSON('/today', function(data) {
           // hide loading here
           / data is the JSON returned
        });
     }
});

查看此链接 http://api.jquery.com/jQuery.getJSON/