使用Backbone.JS,我能够成功创建新模型并将其保存到服务器。他们成功地进行了ajax调用,并且订阅的UI元素进行了适当的更新。我遇到的问题是我不知道新创建的对象的ID。
我可以在创建调用的响应标头中看到,服务器返回的位置标头如:Location https://localhost/rest/beta/mobile/footer/OTo3Njow
,最后一个参数是新创建的ID。
如何在不覆盖backbone.sync的情况下获取此ID?如果我必须覆盖backbone.sync,最干净的方法是什么?
更新 看起来我的组织正在使用较旧的Backbone.js,其中模型的解析方法不提供对XHR对象的引用,否则我可以捕获ID并在那里进行分配。
答案 0 :(得分:10)
服务器应该发回一个包含模型id
的JSON对象,以及它想要更新的任何其他属性。如果是这样,Backbone将自动获取id。
如果这不是一个选项,你应该覆盖Backbone.sync
,因为那时你的API(它在位置头而不是响应体中传递新的id)不符合Backbone支持的开箱即用
如果服务器已经执行此操作,并且您只想获取ID,则取决于谁需要知道。如果它是调用model.save()
的代码,那么它可以传递成功回调:
model.save({}, {
success: function(){
// do something with model.id
}
});
如果模型本身需要在获取id时得到通知,则可以使用初始化程序:
var MyModel = Backbone.Model.extend({
initialize: function(){
this.bind("change:id", function(){
// …
});
}
});
答案 1 :(得分:1)
我通过重载backbone.sync
中的成功参数来解决这个问题// Return XHR on success
params.success = function(response, text, XHR) {
if(_.isFunction(model.xhrParse)) { model.xhrParse.call(model, response, XHR); }
success.call(model, response);
}
并向我的基础模型“xhrParse”添加一个新方法:
xhrParse: function(resp, XHR) {
var locationHeader = XHR.getResponseHeader('Location');
if(locationHeader && !this.id) {
var xplode = locationHeader.split("/");
this.id = xplode[xplode.length - 1];
}
return resp;
}
答案 2 :(得分:0)