javascript - 为主干集合设置默认内容类型

Question

我如何设置 Backbone 集合以始终在所有请求中发送内容类型“application/json”？

我试过的代码:

myCollection = Backbone.Collection.extend({
  headers: {"Content-Type": 'application/json'},
  url: '/foo'
});

和:

myCollection = Backbone.Collection.extend({
  contentType: 'application/json',
  url: '/foo'
});

但是在 fetch() 上没有发送内容类型？

Answer 1

一种方法是覆盖 Backbone.sync

var _sync = Backbone.sync;
Backbone.sync = function(method, model, options) {
    options.beforeSend = function(xhr) {
        xhr.setRequestHeader('Content-Type': 'application/json');
    };
    _sync.apply(Backbone, arguments);
}

然后如果你想为每个模型定义你的Content-Type，你可以这样做:

var _sync = Backbone.sync;
Backbone.sync = function(method, model, options) {
    options.beforeSend = function(xhr) {
        var contentType = model.contentType || null;
        // var contentType = model.contentType || 'application/json'; // default to json
        if(contentType) {
            xhr.setRequestHeader('Content-Type': contentType);
        }
    };
    _sync.apply(Backbone, arguments);
}

不过，如果您正在寻找一种方法让您的服务器在调用 fetch() 时返回 JSON，那么您真正需要的是 Accept标题。