利用jsonp实现跨域登陆

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
	$(function(){
		$.ajax({
			url:'http://www.xxx.com/users/syncLogin',
			type:"GET",
			dataType:"jsonp",
			jsonp:'callback',
			success:function(data){
				document.cookie="ECS_ID="+data.id;
				alert(data.id);
			}
		});
	});
</script>

public function syncLogin(){
	$this->autoRender = false;
	$callback=$_GET['callback'];
	echo $callback.'('.json_encode(array('id'=>$_COOKIE[ECS_ID])).')';
}

第二版:第一版cookie改变后需要刷新才生效

$.ajax({
	url:'http://www.xxx.com/users/syncLogin',
	type:"GET",
	dataType:"jsonp",
	jsonp:'callback',
	success:function(data){
		var cookie_str=document.cookie;
		var date=new Date();
		date.setTime(date.getTime()+365*24*3600*1000);
		document.cookie="ECS_ID="+data.id+";expires="+date.toGMTString();
		cookie_str=cookie_str.replace(/; /g,';');
		var cookie_array=cookie_str.split(';');
		for(var i=0,len=cookie_array.length;i<len;i++){
			if(cookie_array[i].split('=')[0]=='ECS_ID'){
				if(cookie_array[i].split('=')[1]!=data.id+''){
					location.reload(1);
				}
			}
		}
	}
});

第三版:提取function

function setCookie(c_name,value,expiredays)
{
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
function getCookie(c_name)
{
	var cookie=document.cookie;
	var cookie_len=document.cookie.length;
	if (cookie_len>0){
	  c_start=cookie.indexOf(c_name + "=")
		if (c_start!=-1){ 
			c_start=c_start + c_name.length+1; 
			c_end=cookie.indexOf(";",c_start);
		    if (c_end==-1){
		    	c_end=cookie_len;
		    }
			return unescape(cookie.substring(c_start,c_end));
		} 
	}
	return "";
}
$.ajax({
	url:'http://www.xxx.com/users/syncLogin',
	type:"GET",
	dataType:"jsonp",
	jsonp:'callback',
	success:function(data){
		var cookie_str=document.cookie;
		var cookie_ecs_id=getCookie('ECS_ID');
		setCookie('ECS_ID',data.id,365);
		if(cookie_ecs_id!=data.id+''){
			location.reload(1);
		}
	}
});


转载于:https://my.oschina.net/u/173975/blog/295516

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值