如何在angularjs中的每个请求标头中发送cookie？

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.

Answer 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

Answer 2

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.