使用 JavaScript 或其他方式在不同域上设置 cookie

Question

我需要在浏览 second.example 时设置/获取存储在 first.example 的 cookie，我拥有对 first.example 的完全访问权限，但我在 second.example 上只有 JavaScript 访问权限（可以根据需要操作 DOM）。

我的第一种方法是在 second.example （使用 JS）上创建一个 iframe，加载像 first.example/doAjax?setCookie=xxx 这样的页面，并执行 AJAX 调用比如说 first.example/setCookie?cookieData=xxx ，它将使用我们传递的数据在 first.example 上设置 cookie。

这对于在 first.example 上从 second.example 设置 cookie 来说效果很好 - 为了获取 cookie，我基本上遵循了相同的过程，创建了加载 的 iframe >first.example/doAjax?getCookie ，这将执行一个 AJAX 调用来表示 first.example/getCookie ，它将读取 first.example 上的 cookie 信息并将其作为 JSON 对象返回。

问题是我无法将该 JSON cookie 对象带回 second.example 以便我可以读取它，也许我可以在 AJAX 调用完成时使用“window.top”将其带回“但是存在时间问题，因为它与 iframe 加载的时间无关。 我希望我很清楚，并且想知道是否有一个更简单的解决方案，而不是这个疯狂的 iframe->ajax 废话，而且似乎这甚至无法在 SAFARI 中获取 cookie。

Answer 1

您可以通过回调将脚本元素注入到文档的 HEAD 中，该回调将您需要的 cookie 传递给任何需要它的函数。

类似于：

 <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>

页面first.com/doAjax?getCookie 可以执行以下操作：

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

Answer 2

将此 PHP 文件放入 first.com：

//readcookie.php    
echo $_COOKIE['cookiename'];

在 secondary.com 上，您可以使用此 javascript 获取值：

function readCookieCallback()
{
   if ((this.readyState == 4) && (this.status == 200))
   {
     alert("the value of the cookie is: "+this.responseText);
   } 
   else if ((this.readyState == 4) && (this.status != 200))
   {
     //error...
   }
}


function buttonClickOrAnything()
{
  var refreshObject = new XMLHttpRequest();
  if (!refreshObject)
  {
    //IE6 or older
    try
    {
      refreshObject = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
      try
      {
        refreshObject = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {
        return;
      }
    }
  }
  refreshObject.onreadystatechange = readCookieCallback;
  refreshObject.open("GET", "http://www.first.com/readcookie.php");
  refreshObject.send();
}

问候，
罗伯特

Answer 3

对于设置 cookie，您可以按如下方式更改我的脚本：

新的 PHP 脚本：

//writecookie.php
setcookie($_GET['c'], $_GET['v']);

和 JavaScript：

function buttonClickOrAnything()
{
  var refreshObject = new XMLHttpRequest();
  if (!refreshObject)
  {
    //IE6 or older
    try
    {
      refreshObject = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
      try
      {
        refreshObject = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {
        return;
      }
    }
  }
  refreshObject.open("GET", "http://www.first.com/writecookie.php?c=cookiename&v=cookievalue");
  refreshObject.send();
}

这应该适用于所有浏览器。