How to get a cookie from an AJAX response?

by

The browser cannot give access to 3rd party cookies like those received from ajax requests for security reasons, however it takes care of those automatically for you!

For this to work you need to:

1) login with the ajax request from which you expect cookies to be returned:

$.ajax("https://example.com/v2/login", {
     method: 'POST',
     data: {login_id: user, password: password},
     crossDomain: true,
     success: login_success,
     error: login_error
  });

2) Connect with xhrFields: { withCredentials: true } in the next ajax request(s) to use the credentials saved by the browser

$.ajax("https://example.com/v2/whatever", {
     method: 'GET',
     xhrFields: { withCredentials: true },
     crossDomain: true,
     success: whatever_success,
     error: whatever_error
  });

The browser takes care of these cookies for you even though they are not readable from the headers nor the document.cookie

More Related Contents:

  1. Hide/Show div on specific page with jquery
  2. Ajax in Jquery does not work from local file
  3. How do I auto-hide placeholder text upon focus using css or jquery?
  4. How to bind to localStorage change event using jQuery for all browsers?
  5. jquery ajax problem in chrome
  6. How to render partial view in MVC5 via ajax call to a controller and return HTML
  7. jquery html() strips out script tags
  8. How does GitHub change the URL without reloading a page?
  9. Jquery and HTML FormData returns “Uncaught TypeError: Illegal invocation”
  10. CORS request – why are the cookies not sent?
  11. How to make Chrome remember password for an AJAX form?
  12. Post JSON to Python CGI
  13. Google Map v3 auto refresh Markers only
  14. HTML5 validation before ajax submit
  15. HTML Web Worker and Jquery Ajax call
  16. jquery ajax load certain div
  17. HTML Anchor tag redirect link after ajax request
  18. What happens when no response is received for a request? I’m seeing retries
  19. Chrome file upload bug: on change event won’t be executed twice with the same file
  20. jQuery Adding new option to select element doesn't pick up the string [closed]
  21. Problems with jQuery getJSON using local files in Chrome
  22. Making radio buttons look like buttons instead
  23. jQuery `.is(“:visible”)` not working in Chrome
  24. How to display an IFRAME inside a jQuery UI dialog
  25. Can I fade in a background image (CSS: background-image) with jQuery?
  26. Extension refuses to load the script due to Content Security Policy directive
  27. CSS for the “down arrow” on a element?
  28. jQuery – draggable images on iPad / iPhone – how to integrate event.preventDefault();?
  29. Jquery post and unobtrusive ajax validation not working mvc 4
  30. How do I select an element with special characters in the ID?

Leave a Comment