处理 REST API 的“创建”的最佳方法是什么？ Backbone.js 中的响应

Question

我正在使用backbone.js 与REST API 进行交互，当发布到它以创建新资源时，该API 会响应状态201，即指向资源URI 的“Location”标头，但主体为空。

当我现在创建一个新模型时，它成功了，但是模型的本地表示仅包含我显式设置的属性，而不包含将在服务器上设置的任何属性（created_date等）

据我所知，Backbone 将使用主体中的数据（如果有的话）更新其模型的表示。但是，既然没有，那就没有。

因此，显然，我需要使用 Location 标头中的位置来更新模型，但执行此操作的最佳方法是什么。

我目前的想法是，我必须解析标头中的 url，拆分出 id，设置模型的 id，然后告诉模型进行 fetch()。

这看起来真的很混乱。有没有更干净的方法来做到这一点？

我对 API 有一定的影响力。尝试让 API 作者返回新模型作为响应正文（同时保留 201 和位置标头）的最佳解决方案是吗？

谢谢！

Answer 1

听起来你必须做一些定制。
也许重写继承自的模型类的 parse 方法和 url 方法
骨干模型。

继承的函数是：

url : function() {
  var base = getUrl(this.collection);
  if (this.isNew()) return base;
  return base + (base.charAt(base.length - 1) == '/' ? '' : '/') + this.id;
},
parse : function(resp) {
  return resp;
},

你可以尝试类似的方法：

parse: function(resp, xhr) {
    this._url = xhr.getResponseHeader('location')
    return resp
}
url: function() {
    return this._url
}

Answer 2

是的，backbone.js确实希望保存的结果（无论是PUT还是POST）成为可解析的主体，可用于更新模型。正如您所说，如果您对 API 有影响力，那么您应该看看是否可以安排内容正文包含资源属性。

正如您所指出的，进行第二次在线调用以完全实现模型没有什么意义。

状态码 200 可能更合适。纯粹主义者可能认为 201 状态代码意味着仅返回位置而不是实体。显然，在这种情况下这是没有意义的。

Answer 3

对于 Backbone 0.9.9，我无法获得可接受的工作答案。 parse 函数的签名在旧版本中似乎已更改，并且 xhr 对象在函数签名中不再可用。

这是我所做的一个示例，使其与 Backbone v0.9.9 和 jQuery 1.8.3 一起使用（使用 延迟对象/Promise），依赖于 Backbone 返回的jqXHR 对象。 Model.save() ：

window.CompanyView = Backbone.View.extend({
// ... omitted other functions...

    // Invoked on a form submit
    createCompany: function(event) {
        event.preventDefault();
        // Store a reference to the model for use in the promise
        var model = this.model;
        // Backbone.Model.save returns a jqXHR object
        var xhr = model.save();
        xhr.done(function(resp, status, xhr) {
            if (!model.get("id") && status == "success" && xhr.status == 201) {
                var location = xhr.getResponseHeader("location");
                if (location) {
                    // The REST API sends back a Location header of format http://foo/rest/companys/id
                    // Split and obtain the last fragment
                    var fragments = location.split("/");
                    var id = fragments[fragments.length - 1];
                    // Set the id attribute of the Backbone model. This also updates the id property
                    model.set("id", id);
                    app.navigate('companys/' + model.id, {trigger: true});
                }
            }
        });
    }
});

我没有使用可以在提供给的 options 哈希中指定的 success 回调Backbone.Model.save 函数，因为该回调是在收到 XHR 响应之前调用的。也就是说，存储对 jqXHR 对象的引用并在 success 回调中使用它是没有意义的，因为 jqXHR 不会包含任何调用回调时的响应标头（尚未）。

解决此问题的另一个方法是编写自定义的 Backbone.sync 实现，但我不喜欢这种方法。