Modify header of each request using REST Models

in CanJS • 9 months ago

I am creating a single page application using canjs (jquery). I am implementing basic auth so I need to set my authorization header on each request.

My models use REST URL's like this:

can.Model('Page', {
id: "Id",
findAll: 'GET api/pages',
findOne: 'GET api/pages/{id}',
create: 'POST api/pages',
update: 'PUT api/pages/{id}',
destroy: 'DELETE api/pages/{id}'
}, {});

What would be the best way to call xhr.setRequestHeader before each request my models make?

Replies(3)

mr.pohoda

Re: Modify header of each request using REST Models

9 months ago

I use ajaxSetup in main js file for exactly the same thing. There are some requests which don't need this header (like login request) so I check for the existing key.

$.ajaxSetup({
dataType: "json",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
beforeSend: function(jqXHR, settings) {
if ($.cookie('api_key')) {
jqXHR.setRequestHeader("Authorization", "ApiKey " + $.cookie('username') + ":" + $.cookie('api_key'));
}
return true;
}
});

carton1

Re: Modify header of each request using REST Models

9 months ago

Thanks, that works perfect. I forgot about ajaxSetup.

mnadig

Re: Modify header of each request using REST Models

8 months ago

Zepto doesn't support ajaxSetup.. Trying to come up with a solution there. can.zepto.js already is injecting itself in @.ajaxSettings.xhr... I'll try the same pattern.

,,,

tried

var oldXHR = $.ajaxSettings.xhr;

$.ajaxSettings.xhr = function(){

var xhr = oldXHR();

xhr.setRequestHeader("X-Platform", "mobile");

... other stuff...

return xhr;

};

When I ran a model call:

Error: INVALID_STATE_ERR: DOM Exception 11

However, I did find that zepto does have ajaxBeforeSend event

$(document).on('ajaxBeforeSend', function(e, xhr, options) {

xhr.setRequestHeader("X-Platform", "mobile");

....

}

Top Reply

Response title

Attachments

New to this Portal?