Geek asks and answers

How to override Backbone.sync, so it adds apikey and username at the end?

I use backbone-tastypie, but I have the most difficult time to get it to work correctly. In Tastypie I use ApiKeyAuthentication for my resources, so every ajax request, I have to add apikey and username to the end of the request or send additional headers that are added to the username and api key.

I am trying to remove a view and its model using a trunk with the following code:

// 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");
  }});
},

After executing the function, the browser tries to execute the GET request at the following URL:

:8000/api/v1/update/2/

api_key , URL- . , Backbone.oldSync GET. , username/api ?

, api http-, backbone-tastypie:

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,
    });
}
+3
2

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. , jQuery 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

( , , )

(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);
+17

, model.destroy(), - , , . : https://github.com/documentcloud/backbone/issues/789

0

More articles:


All Articles