如何用js实现跨域获取cookie

一、如何用js实现跨域获取cookie

1、正常情况下，浏览器禁止跨域获取cookie

2、一般通过sso服务可以实现取得跨域cookie，思路如下：

3、域A页面访问位于域A的服务器，对权限进行验证

4、域A服务器于域B服务器通信，记录一个唯一的加密串用作身份验证域（并将cookie信息发送给域B服务器）

5、域A服务器返回302跳转，跳转到域B下，并将加密串作为url的一部分

6、页面由域A跳转到域B，域B服务器通过加密串获取到事先从域A服务器上得到的cookie信息，并在响应头中添加set-cookie字段设置cookie

二、js如何读取cookie

要在JavaScript中读取所有Cookie，可以通过Document对象的cookie属性获取。以下是一个函数示例，它读取并返回文档中的所有Cookie值：

var showAllCookie='';

if(document.cookie!==''){

var arrCookie= document.cookie.split(';');//使用';'作为分隔符切割Cookie

var arrLength= arrCookie.length;

for(var i= 0; i< arrLength; i++){

var cookiePair= arrCookie[i].split('=');//分割每个Cookie的名字和值

showAllCookie+='c_name:'+ unescape(cookiePair[0])+'c_value:'+ unescape(cookiePair[1])+'\n';

要通过名称读取特定的Cookie值，可以使用以下函数：

var arr, reg= new RegExp("(^|)"+ name+"=([^;]*)(;|$)");

if(arr= document.cookie.match(reg))

上述代码中，`getCookies`函数改进了Cookie的读取和格式化方式，使其以一种更清晰的方式返回所有Cookie的名称和值。`getCookie`函数则能够通过Cookie的名称来检索特定的Cookie值。这些函数都应确保在适当的上下文中调用，以遵守当前的JavaScript环境和安全标准。

三、JS 操作 cookies 的方法

1、在 JS(JavaScript)操作cookies比较复杂，在 ASP里面我们只需要知道 cookie的名称、cookie的值就行了，而 JS里面，我们面对的是 cookie的字符串，你自己编写这个字符串写入客户端，然后自己解析这个字符串。

2、var the_date= new Date("December 31, 2020");

3、var expiresDate= the_date.toGMTString();

4、document.cookie="userDefineCSS="+ escape(title)+"; expires="+ expiresDate;

5、第二句将日期格式转换成 GMT格式；编者者： GMT即格林威治标准时间，现在也称 UTC即全球标准时间。

6、第三句是将 cookie内容写入客户端。

7、其中 expires是系统使用的，表示 cookie的失效日期（也可以省略），expires不可读。

8、 escape是对 cookie值进行编码，这是为了处理中文、空格等而设立的。

9、var cookieStr= document.cookie;//取 cookie字符串，由于 expires不可读，所以 expires将不会出现在 cookieStr中。

10、return"main1";//没有取到 cookie字符串，返回默认值

11、var cookieValue= cookieStr.split(";");//将各个 cookie分隔开，并存为数组，多个 cookie之间用分号加空隔隔开，不过前面我们只使用了一个 cookie，它的值与 expires之间也是用分号加空格隔开的

12、for(var i=0; i<cookieValue.length; i++)

13、startPos= cookieValue[i].indexOf(varName);

14、continue;//当前 cookie不是名称为 varName的 cookie，判断下一个 cookie

15、startPos+= varName.length+ 1;//当前 cookie就是名称为 varName的 cookie，由于有等号，所以+1

16、endPos= cookieValue[i].length;

17、var css= unescape(cookieValue[i].substring(startPos, endPos));