How do I SET a Cookie (header) with XMLHttpRequest in JavaScript?

Solution 1:

This can be done. You need the following in the $.ajax call:

xhrFields: {
    withCredentials: true
}

(See the jQuery docs), and you'll also need the site you're making the request to to support CORS (they will at least need to allow you origin and also to set the Access-Control-Allow-Credentials HTTP header to true).

There's no question it works. You can do it over HTTPS, with Basic Auth, etc. jQuery will send everything (the auth header, cookies) if you tell it to (xhrFields) and the site provides the right CORS headers. Don't give up!

Solution 2:

For security reasons, you will be unable to modify the header during an XMLHTTPRequest.

Solution 3:

If you set the cookie using document.cookie then when you send the request the cookie header will include it.

Solution 4:

https://developer.mozilla.org/En/Server-Side_Access_Control

allow you origin and also to set the Access-Control-Allow-Credentials HTTP header to true