Send a cookie in http requests from frontend to backend with Angular

Question

I am developing a web-application using AngularJS.

The application is realized with:

a frontend, a component without logic, that simply queries a backend many times, in order to receive from it all the needed data;
a backend, containing many RESTful services, and each of them returns data to the frontend (if the frontend calls it).

In my frontend, in the main controller, I create a cookie using $cookieStore, in this way:

// Setting sessionID in the cookie
$cookieStore.put('sessionID', $scope.contextData.sessionId);

Now, I want to send the information of this cookie to the generic backend service that I call. For example, one of my call has this form:

$http({
       method: "GET",
       url: urlBase + "/context/person"
    }).success(function(result, status, headers, config) {
        $scope.currentPerson = result;
    });

How can I send the cookie? Thanks in advance.

The $cookieStore is deprecated, try using $cookies.put()

Rohan
– Rohan

2015-03-10 11:30:25 +00:00
Commented Mar 10, 2015 at 11:30 — Rohan
– Rohan, Commented Mar 10, 2015 at 11:30

Manuel Spigolon · Accepted Answer · 2015-03-10 11:33:38Z

3

You should set the argument withCredentials see docs

By default, the invocation is made without Cookies. Since this is a simple GET request, it is not preflighted, but the browser will reject any response that does not have the Access-Control-Allow-Credentials: true header, and not make the response available to the invoking web content.

I assume you are running the script in the same domain of the server because

Since only JavaScript that runs on your domain could read the cookie, your server can be assured that the XHR came from JavaScript running on your domain. The header will not be set for cross-domain requests.

answered Mar 10, 2015 at 11:33

Manuel Spigolon

13.4k7 gold badges60 silver badges95 bronze badges

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

Comments

cdomination · Accepted Answer · 2016-07-26 12:11:27Z

0

$http({
   method: "POST",
   url: urlBase + "/context/person"
}).success(function(result, status, headers, config) {
    $scope.currentPerson = result;
});

or you can use the angular shortcut post method :

$http.post('/someUrl', data, config).then(successCallback, errorCallback);

POST method will send the cookies to the backend. In backend you can use JSON.parse(req.cookies) to get your cookies.

edited Jul 26, 2016 at 12:11

cdomination

6031 gold badge7 silver badges25 bronze badges

answered Jul 26, 2016 at 11:22

Ankit Sharma

385 bronze badges

Collectives™ on Stack Overflow

Send a cookie in http requests from frontend to backend with Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related