我计划使用 ember.js，但是我的 REST api 与打包的 REST 适配器并不完全一致。我想“覆盖” find 并能够将我自己的 ajax 放入其中。我不喜欢 ember findAll 如何在没有分页选项的情况下检索我的所有文档，因此与其他查询参数一起使用会很有用——这就是我想编写自己的 ajax 的原因。我一直找不到任何有关如何执行此操作的文档。
【问题讨论】：
标签： javascript ajax rest ember.js
这是 Ember Data 1.0 beta 9 的最新版本。
扩展 Ember 数据适配器之一。使其在站点范围内：
App.ApplicationAdapter = DS.RESTAdapter.extend(....
使其特定于模型：
App.FooAdapter = DS.RESTAdapter.extend(...
然后您将定义您想要覆盖的实现。您始终可以选择调用 this._super 并恢复到基本实现。例如
App.NotesAdapter = DS.RESTAdapter.extend({
find: function(store, type, id) {
id = "foo" + id;
return this._super(store, type, id);
}
});
或者您可以完全覆盖实现：
App.NotesAdapter = DS.RESTAdapter.extend({
find: function(store, type, id) {
// Do your thing here
return this.ajax(this.buildURL(type.typeKey, id), 'GET');
},
findAll: function(store, type, sinceToken) {
// Do your thing here
var query;
if (sinceToken) {
query = { since: sinceToken };
}
return this.ajax(this.buildURL(type.typeKey), 'GET', { data: query });
},
findQuery: function(store, type, query) {
// Do your thing here
return this.ajax(this.buildURL(type.typeKey), 'GET', { data: query });
},
findMany: function(store, type, ids, owner) {
return this.ajax(this.buildURL(type.typeKey), 'GET', { data: { ids: ids } });
},
.....
});
要查看完整的 api，您可以覆盖：http://emberjs.com/api/data/classes/DS.RESTAdapter.html
通常更重要的是滚动您自己的序列化程序来处理数据以适应您的休息端点。以下是过渡文档https://github.com/emberjs/data/blob/master/TRANSITION.md 中的一些有用信息。
简短的版本是，一旦 Ajax 请求完成，生成的有效负载将通过以下钩子发送：
App.FooAdapter = Ember.Object.extend({
find: function(id){
return $.getJSON('http://www.foolandia.com/foooo/' + id);
}
});
然后从你的路线，或任何地方
App.FooRoute = Ember.Route.extend({
model: function(){
var adapter = App.FooAdapter.create();
return adapter.find(1);
}
});
现在我个人会将适配器注入到路由中，只是为了让我的生活更轻松：
App.initializer({
name: "fooAdapter",
initialize: function (container, application) {
application.register("my:manager", application.FooAdapter);
application.inject("controller", "fooAdapter", "my:manager");
application.inject("route", "fooAdapter", "my:manager");
}
});
然后在路线上你可以更懒一点：
App.FooRoute = Ember.Route.extend({
model: function(){
return this.fooAdapter.find(1);
}
});
例如：http://emberjs.jsbin.com/OxIDiVU/676/edit
您可以在没有 Ember 数据的情况下阅读有关 Ember 的更多信息：Ember without Ember Data
【讨论】：
revision: 13
我遇到了同样的问题。我也想在我的后端（cakePHP）中使用稍微不同的格式，但不知道该怎么做。前面的答案很好，但您可能不需要重新定义每个方法，只需通过覆盖 RESTAdapter 中的 buildURL 来更改 URL 的格式。
例如，我想使用 cakePHP 的扩展并希望我的 url 在应用程序范围内看起来像这样：
经过大量拉扯并意识到 ember-data 是必不可少的，我使用了以下代码：
App.ApplicationAdapter = DS.RESTAdapter.extend({
buildURL: function(type, id) {
var url = '/' + this.pluralize(type.typeKey);
if (id) {
url += '/' + id;
}
url += '.json';
return url;
}
});
Ember 的文档很好，但他们的大多数示例都使用 FIXTURE 数据。我希望他们有一个简单的例子，如何针对不同的情况编写不同类型的适配器。
【讨论】：
对于那些自己编写适配器的人，如果您需要从适配器返回一个值（例如，userId），您可以返回 json 或 promise。这是返回承诺的示例：
App.RequestAdapter = Ember.Object.extend({
newRequest: function (data) {
return new Ember.RSVP.Promise(function (resolve, reject) {
Ember.$.ajax({
type: 'POST', // method post
url: '/Request/Create', //target url
data: JSON.stringify(data), //the JSON.stringify converts data to JSON
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function (response) {
resolve(response);
},
error: function (reason) {
reject(reason);
}
});
});
}
});
//use this adapter in your controller
var adapter = App.RequestAdapter.create();
adapter.newRequest(data).then(function (response) { //newRequest is method of our adapter
console.log(response.userId); //specify response data
}, function(error){
//handle error
});
您可以在此处获取有关 Ember 承诺的更多信息：https://hackhands.com/3-ways-ember-js-leverages-promises/ 或此处http://emberjs.com/api/classes/RSVP.Promise.html
【讨论】：