Javascript 如何覆盖Backbone.sync以便在末尾添加apikey和用户名？

我使用的是主干Tastype，但要让它正常工作，我的时间最为艰难。在Tastypie中，我对我的资源使用ApiKeyAuthentication，因此每次ajax请求，我都需要将apikey和用户名附加到请求的末尾，或者发送附加在用户名和api密钥上的附加头

我尝试使用主干删除视图及其模型，代码如下：

// Remove the goal update view from the DOM
removeItem: function() {
  this.model.destroy({wait: true, success: function() {
    console.log("success");
  }, error: function() {
    console.log("error");
  }});
},

函数执行后，浏览器尝试对以下URL执行GET请求：

:8000/api/v1/update/2/

它的末尾不包含api_键或用户名，并且在url的末尾有一个尾随斜杠。我认为它正在尝试使用Backbone.oldSync来执行GET请求。如何使同步在结尾包含用户名/api键并删除尾部斜杠

在所有其他请求中，我通过向主干tastypie添加以下代码，将api密钥和用户名附加到http请求的末尾：

if ( !resp && ( xhr.status === 201 || xhr.status === 202 || xhr.status === 204 ) ) { // 201 CREATED, 202 ACCEPTED or 204 NO CONTENT; response null or empty.
  var location = xhr.getResponseHeader( 'Location' ) || model.id;
  return $.ajax( {
       url: location + "?" + "username=" + window.app.settings.credentials.username + "&api_key=" + window.app.settings.credentials.api_key,
       success: dfd.resolve,
       error: dfd.reject,
    });
}

---

让我们探讨一下可能性

使用标题

Backbone.sync仍然只使用jQuery ajax，因此您可以覆盖ajaxSend，并使用标题发送信息

$(document).ajaxSend(function(e, xhr, options) 
{
    xhr.setRequestHeader("username", window.app.settings.credentials.username);
    xhr.setRequestHeader("api_key", window.app.settings.credentials.api_key);
});

使用Ajax选项

如果只需要在一个或两个位置发送信息，请记住，

destroy

、

fetch

、

update

和

save

方法只是ajax调用方的快捷方式。因此，您可以将以下内容添加到这些方法中：

// Remove the goal update view from the DOM
removeItem: function ()
{
    this.model.destroy({
        wait: true,
        success: function () 
        {
            console.log("success");
        },
        error: function ()
        {
            console.log("error");
        },
        data: 
        {
            username: window.app.settings.credentials.username,
            api_key: window.app.settings.credentials.api_key
        }
    });
}

覆盖jQuery的ajax方法

根据您的需要，这可能是更好的实现（请注意，这不是生产代码，您可能需要修改它以满足您的需要，并在使用它之前进行测试）

---

仅针对本帖的未来读者，当您执行model.destroy（）时，您无法传递任何数据，因为删除请求没有正文，有关详细信息，请参阅本期：

---

我建议还有一个选项：使用

$.ajaxPrefilter

（）获得类似于重写jQuery的

$.ajax

的效果，而不需要实际重写任何内容。

(function ($) {
    var _ajax = $.ajax;
    $.extend(
    {
        ajax: function (options)
        {
            var data = options.data || {}; 
            data = _.defaults(data, {
                username: window.app.settings.credentials.username,
                api_key: window.app.settings.credentials.api_key
            });
            options.data = data;
            return _ajax.call(this, options);
        }
    });
})(jQuery);