我可以使用 ic.ajax 将数据导入我的应用程序，但似乎我应该使用 RESTAdapter。解释是如此简单，以至于我不确定在各种情况下该怎么做。这就是我认为应该工作的方式:(并且使用固定装置、本地快速服务器和 http-mocks)

我将使用 tumblr 作为示例 - 因为它通常都是友好的 API。

路由器.js

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {

  // tumblr posts
  this.resource('posts', {
    path: '/tumblr'
  });

});

export default Router;

路由/post.js

import Ember from 'ember';

export default Ember.Route.extend({

  model: function() {
    return this.store.find('post');
  }

});

因此，据我所知 - find() 是一些魔法 ajax 调用...但是如果我想指定 jsonp 或其他东西怎么办？

适配器/post.js

import DS from 'ember-data';

var tumblrBlogName = 'feministlibraryonwheels'; // friends site
var tumblrApiKey = 'UbB4p0GxqNa6wUa8VwpIdqtywjIiA6vljZXyI9wkx9hnQnAFyk';
var tumblrRequestUrl = 'http://api.tumblr.com/v2/blog/' + tumblrBlogName + '.tumblr.com' + '/posts?api_key=' + tumblrApiKey;

export default DS.RESTAdapter.extend({

  host: tumblrRequestUrl

});

这有点古怪，因为长长的 tumblr 端点太古怪了——我觉得它应该只是 http://api.tumblr.com 也许还有另一种方法指定其他内容...或者它只是不知何故知道...非常困惑...似乎 namespace :“v2”是该选项的用途...

模板/posts.hbs

<section class='container stage'>
<div class='inner-w'>

    <h2>tumblr posts</h2>

    <ul class='block-list event-list'>
        {{#each}}
            <li>
                {{title}}
            </li>

        {{else}}
            No posts are coming up... what's up with that?
        {{/each}}
    </ul>

</div>
</section>

然后这个 {{#each}} 只知道它在大多数情况下应该寻找什么 - 但我想明确一点。

在我看过的所有教程中，它都是本地服务器 - 或 http-mocks - 就像这样:

import DS from 'ember-data';

export default DS.RESTAdapter.extend({

  host: 'localhoststuff:3000',
  namespace: 'api'

});

然后最重要的是 - 我得到了一个看起来像 cors 的问题 GET http://api.tumblr.com/v2/blog/feminiSTLibraryonwheels.tumblr.com/posts?api_key=UbB4p0GxqNa6wUa8VwpIdqtywjIiA6vljZXyI9wkx9hnQnAFyk/posts 401 (未授权)

而且它并不是真的隐藏起来... [ http://api.tumblr.com/v2/blog/feministlibraryonwheels.tumblr.com/posts?api_key=UbB4p0GxqNa6wUa8VwpIdqtywjIiA6vljZXyI9wkx9hnQnAFyk][1]

许多快速教程和现实世界中的 RESTAdapter 与真实 API 之间缺失的联系是什么？？？任何方向将不胜感激。

此外，这里还有一些 ic.ajax() 尝试。有效负载到达控制台 - 但在尝试将数据输入模板时变得模糊

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

export default Ember.Route.extend({

  model: function() {
    var libraryData = ajax({
      url: 'http://www.librarything.com/api_getdata.php?userid=F.L.O.W.&showstructure=1&showTags=1&booksort=title_REV',
      type: 'get',
      dataType: 'jsonp'
    });
    console.log(libraryData);
    return libraryData;
  }

});

编辑:2.4 文档非常棒。 Ember 数据稳定。您需要知道您获得的是什么类型的 JSON，如果它不是 JSON API 格式，那么您需要序列化数据并将其塑造成该格式。

最佳答案

使用 Ember 1.13.3。

特别是关于 Tumblr，我在 adapters/post.js 中有以下内容。希望这对您有所帮助。

import DS from "ember-data";

export default DS.RESTAdapter.extend({
    host: 'https://api.tumblr.com',
    namespace: 'v2/blog/example.tumblr.com',
    apiKey: 'example',

    ajaxOptions() {
        var hash = this._super.apply(this, arguments);
        hash.data = hash.data || {};
        hash.data.api_key = this.get('apiKey');
        hash.dataType = 'jsonp';
        return hash;
    }
});

关于javascript - Ember CLI - 用于第 3 方 API 的 RESTAdapter，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28623465/