利用jquery和jsonp来获取跨站数据,并实现cookie共享-白红宇

利用jquery和jsonp来获取跨站数据,并实现cookie共享

阅读量：7071 次

发布时间：2019-06-28

本文共 1116 字，大约阅读时间需要 3 分钟。

利用jquery和jsonp来获取跨站数据,并实现cookie共享博客分类：架构

一般js是不跨域的，但是有的时候我们得通过跨域让cookie共享，

所以，我们就可以上用jquery来做了.

客户端如下:

                  
            1 
            2 
            3 
            4 
            5 
            6 
            7 
            8 
            9 
            10 
            11 
            12 
            13 
            14 
            15 
            16 
            17 
            18 
            19 
            20 
            21 
            22 
            23 
            24 
            25 
            26 
            27 
            28 
          
<script>
//重要，不能删除
function
addCookie(objName,objValue,objHours){ 
//添加cookie
    
var
str = objName + 
"="
+ escape(objValue);
    
if
(objHours > 0){ 
//为0时不设定过期时间，浏览器关闭时cookie自动消失
        
var
date = 
new
Date();
        
var
ms = objHours*3600*1000;
        
date.setTime(date.getTime() + ms);
        
str += 
"; expires="
+ date.toGMTString();
    
}
    
document.cookie = str;
}
 
$.ajax({ 
             
type: 
"get"
,
             
async: 
false
,
             
url: 
""
,
             
dataType: 
"jsonp"
,
             
jsonp: 
"callback"
,
//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
             
jsonpCallback:
"jsonpscall"
,
//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
             
success: 
function
(jsons){ 
                 
addCookie(
"mzlid"
,jsons.mzlid,20)
             
},
             
error: 
function
(){ 
                 
alert(
'fail'
);
             
}
         
});
</script>
         
       

在请求那个url的时候，我们输出一个json格式的字符串，

如下:

                  
            1 
          
jsonpscall({ 
'mzlid'
:
'99b5879d008e53620d96931f5617d72e26182'
})
         
       

这个内容可以是在后台动态生成。

调用成功的时候，我们再加cookie值，这样，cookie就和目标域中的cookie值一样了.

http://www.jqyui.com/faq/list.asp?Unid=392

转载于:https://my.oschina.net/xiaominmin/blog/1597029

你可能感兴趣的文章

mPaaS 服务端核心组件：移动分析服务 MAS 架构解析

查看>>

better-fe 技术周刊 - 2019/05/13

查看>>

springboot集成MyBatis

查看>>

小米手机如何无root激活Xposed框架的经验

查看>>

用 canvas 做一个 DVD 待机动画

查看>>

iOS 证书转换相关命令

查看>>

开发者论坛一周精粹(第十二期)：如何通过快照的瘦身和删除来节省储存费用...

FALCON: An Optimizations Java JIT

查看>>

centos下PIL的安装

查看>>

IOST节点计划全面升级: 全球寻找1000位IOST合伙人

nodejs实现微信小程序支付功能及相关问题总结

查看>>

Django web框架-win10搭建django2.1.7开发环境，定义简易视图及网址

查看>>