How to send cookie in each request header in angularjs?

Question

Hi I am in developing Angularjs web application. I am using API's to get data. On login successful i will get some data in cookie(response header). In very next subsequent http calls i need to send that back cookies data to apis. Below is the snapshot of response header.

Below is my sample $http call.

var req = {
              method: 'POST',
              url: savepersonaldetailsurl,
              headers: {
              RequestedPlatform: "Web",
              RequestedLanguage: cookiePreferredLanguage
              },
  data:      {
             LoginId: LoginID
             }
   $http(req).then(function (response) {
   //do something here
  }, function (error) {
     toastr.error($filter('translate')('Error Occured'));
     });

On each http call i want to send cookie in header. May i know how this can be done in angularjs? Any help would be appreciated. Thank you.

Cookies send and received by server for each call, why handle it in client side code? — asdf_enel_hak
– asdf_enel_hak, Commented Jul 25, 2017 at 12:22
Shouldn't this happen anyway? Afaik, the browser will append valid cookies to any subsequent request to the same domain anyway. — user5734311
– user5734311, Commented Jul 25, 2017 at 12:22
Thank you Chris G. So no need to manually attach cookies right? — Niranjan Godbole
– Niranjan Godbole, Commented Jul 25, 2017 at 12:25
In my case cookies are not sending in subsequent requests. Do i need to enable anything? — Niranjan Godbole
– Niranjan Godbole, Commented Jul 25, 2017 at 12:42

jeanfrg · Accepted Answer · 2017-07-25 12:45:53Z

1

One of the features of Cookies is that they're sent to the server with each request. Make sure that the domain the request is being made to is the same domain that set it or a sub domain.

The cookie is usually stored by the browser, and then the cookie is sent with requests made to the same server inside a Cookie HTTP header - https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies

answered Jul 25, 2017 at 12:45

jeanfrg

2,3712 gold badges31 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jeanfrg Over a year ago

@NiranjanGodbole did this help you?

Nerdroid · Accepted Answer · 2017-10-06 01:12:42Z

1

First store the value which comes from response in localstorage then secondly you can make a common global functions which set the value to localstorage and get the value and call that function on every request.

for example:-

headers: {
    'Content-Type': 'application/json',
    'Authorization': authfunction.getToken('AuthToken');
}

In this example i set the value in local storage named AuthToken and while passing it we get and set it.

edited Oct 6, 2017 at 1:12

Nerdroid

14.1k5 gold badges62 silver badges72 bronze badges

answered Jul 25, 2017 at 13:22

Jaimin Raval

1565 bronze badges

2 Comments

Niranjan Godbole Over a year ago

Thank you Jaimin. How can i read cookies from the response? Is there any function to read it?

Niranjan Godbole Over a year ago

I tried as below and i am getting undefined eventhough i can see cookie in response. var cookievalue = $cookies.get('CookieHeaders'); console.log(cookievalue);

Collectives™ on Stack Overflow

How to send cookie in each request header in angularjs?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related