5

私は Ember を使用しており、次のコードは api.php スクリプトから JSON を取得し、結果をテンプレートに表示します。getJSON 関数を .then() の代わりに .done() を使用するように変更すると、スクリプトが壊れるのはなぜですか? 次のエラーが表示されます。

:Uncaught エラー: アサーションが失敗しました: Ember.CollectionView のコンテンツは Ember.Array を実装する必要があります。[object Object] を渡しました。

関数の実行中に response.items オブジェクトをログに記録すると、コンソールに同じ結果が表示されるので、Ember がこれをどのように異なる方法で解釈しているかに興味があります。

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return App.Item.all();
  }
});

App.Item = Ember.Object.extend();

App.Item.reopenClass({
  all: function() {
      return $.getJSON("api.php").then(function(response) {
        var items = [];

        response.items.forEach( function (item) {
          items.push( App.Item.create(item) );
        });
        return items;
      });
  }
});
4

1 に答える 1

1

これが役立つかどうかはわかりませんが、私の Ember アプリでは、次を使用して JSON を取得しました。

APP.getJSON = function(url) {
  return new Ember.RSVP.Promise(function(resolve, reject){
    var xhr = new XMLHttpRequest();

    xhr.open('GET', url);
    xhr.onreadystatechange = handler;
    xhr.responseType = 'json';
    xhr.setRequestHeader('Accept', 'application/json');
    xhr.send();

    function handler() {

        if (this.readyState === this.DONE) {
            if (this.status === 200) {
                typeof(this.response) === "string" ? resolve(JSON.parse(this.response)) : resolve(this.response);
            } else {
                reject(new Error("getJSON: [" + url + "] failed with status: [" + this.status + "]"));
            }
        }
    };
  });
}
于 2015-01-03T01:42:18.457 に答える