Question

I need to set/get the cookies stored at first.example while browsing second.example, I have full access of first.example but I only have JavaScript access (can manipulate the DOM as I want) on second.example.

My first approach was to create an iframe on second.example (with JS) that loaded a page like first.example/doAjax?setCookie=xxx and that did an AJAX call to say first.example/setCookie?cookieData=xxx which would set the cookie on first.example with the data we passed around.

That pretty much worked fine for setting the cookie on first.example from second.example – for getting a cookie I basically followed the same procedure, created the iframe that loaded first.example/doAjax?getCookie and that would do an AJAX call to say first.example/getCookie which would read the cookie info on first.example and return it as a JSON object.

The problem is that I’m unable to bring that JSON cookie object back to second.example so I can read it, well maybe I could just bring it when the AJAX call is complete using "window.top" but there’s timing issues because its not relative to when the iframe has been loaded. I hope I am clear and was wondering if there’s an easier solution rather than this crazy iframe->ajax crap, also seems like this won’t even work for getting cookies in SAFARI.

Answer 1

You could inject a script element into HEAD of the document with a callback that passes the cookie you need to whatever function needs it.

Something like:

 <script type='text/javascript'>    var newfile=document.createElement('script');    newfile.setAttribute('type','text/javascript');    newfile.setAttribute('src', 'http://first.com/doAjax?getCookie&callback=passCookie');    document.getElementsByTagName('head')[0].appendChild(newfile);  </script> 

And the page first.com/doAjax?getCookie could do this:

     passCookie({'name':'mycookie', 'value':'myvalue'});