为 Ember/向下钻取/序列化/适配器格式化 JSON 对象

Question

我正在使用 ajax 提取一些 JSON（因为我对 RESTAdapter 的理解有限/缺乏有用的示例/无法通过 CORS...） - 我得到了这些嵌套对象。我需要一组“书”——但我不确定如何格式化这个 JSON 以便它可读。

路线/books.js

import Ember from 'ember';
import ajax from 'ic-ajax';

var libraryThingApi = "http://www.librarything.com/api_getdata.php?";

export default Ember.Route.extend({

  model: function() {

    var libraryData = ajax({
      url: libraryThingApi + "userid=F.L.O.W.",
      type: 'GET',
      dataType: 'jsonp'
    });

    console.log(libraryData);
    return libraryData;
  }

});

返回什么

Promise
  _id: 47
  _label: "ic-ajax: unwrap raw ajax response"
  ...
  _result: Object
    books: Object
      111333266: Object
        title: "a book title"
      111730480: Object
        title: "a book title"
    settings: Object
      theuser: "F.L.O.W."
      more_things: "etc"

{
  books: {
    111601539: {
      book_id: "111601539",
      title: "Rosie Revere, Engineer",
      author_fl: "Andrea Beaty",
      copies: 1
    },
    121604536: {
      book_id: "121604536",
      title: "Ember for people who aren't core.",
      author_fl: "No author",
      copies: "This book does not exist"
    }
  },
  settings: {
     theuser: "sheriffderek"
  }
}

Answer 1

由于您只是获取原始 json，因此您可以随心所欲地使用它。然后就变成了您希望如何访问路线模板中的数据的问题。

Ember 的模型钩子可以感知 Promise，因此您只需返回 Promise 是正确的。该承诺的实现价值就是您对模板感兴趣的内容。因此，如果完成的值是这样的：

{
  books: [
    {id: 1, title: "some title", nested_data: {author: "some author"}},
    {id: 2, title: "another title", nested_data: {author: "another author"}},
  ]
}

然后在您的路由模板中，您可以从模型钩子中返回的承诺访问已实现的值。在 Ember 1.10 之前（稍后在 1.x 系列中不推荐使用），您可以像这样在您的路线模板中浏览您的书籍：

<ul>
  {{#each book in model.books}}
    <li>{{book.title}} by {{book.nested_data.author}}</li>
  {{/each}}
</ul>

Ember 1.10 及更高版本为每个语句引入了块参数：

<ul>
  {{#each model.books as |book|}}
    <li>{{book.title}} by {{book.nested_data.author}}</li>
  {{/each}}
</ul>

阅读有关 Ember 1.10 版本的信息here。