Delete headers from Angular.js $http request

Question

I want to delete some $http request header fields from one specific request (it means not on the $httpProvider level). These fields are:

• Cache-Control
• If-Modified-Since
• Referer
• X-Requested-With

How to do this in a single request? I tried to use transformRequest parameter, but didn't find enough information to make it work. Such a [CoffeeScript] code:

$scope.logout = ->
  $http({
    method: 'GET'
    url: '/api/logout'
    headers: { 'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8' }
    transformRequest: (data, headersGetter) ->
      console.log data
      console.log headersGetter
      data
  }).success ->
    $location.path('editor')

shows that data is undefined , headersGetter is function (c){a||(a=Nb(b));return c?a[y(c)]||null:a} (which says to me absolutely nothing), and I didn't understand what to return from the transformRequest function.

Answer 1

1. If you use the unminified version of Angular, you'll get nicer backtraces when an exception happens, and you'll have an easier time introspecting the angular code. I personally recommend it while developing. Here's what headersGetter actually looks like:

    function (name) { if (!headersObj) headersObj = parseHeaders(headers); if (name) { return headersObj[lowercase(name)] || null; } return headersObj; } 

   The data argument to your transformer will be undefined unless you're POSTing some data.

2. The headersGetter function takes an optional argument name , if you want to get a single header, but you omit the argument to set a header:

    headersGetter()['Cache-Control'] = 'no-cache'; headersGetter()['X-Requested-With'] = ''; 

   The return value from your transformer should be the value of data you want to use.

3. You can't change the Referer header from XHR.