JSONP 模拟简单的单点登录

关于JSONP 的介绍请参考:

http://chinazblz.blog.163.com/blog/static/93939173201042485426995/

http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

http://blog.csdn.net/veverrr/article/details/7080051


本实验模拟在两个不同域 www.sso.com 和 www.ss.com 下进行单向单点登录

用户访问 www.sso.com 时(A 服务器),会在浏览器中种下 cookie。

用户访问 www.ss.com 时(B 服务器),则会通过jsonp 从本浏览器的 sso.com 域中获取到cookie中的用户名,然后在页面进行显示

在 A 服务器中的登录和种Cookie,比较容易理解,这里重点讲一下 在A 服务器中的 jsonp.PHP

jsonp.PHP 是 A 服务器和B服务器进行通信的桥梁。在jsonp.PHP中要完成 读取和输出Cookie中 username 的值:


<?PHP

$callback = isset(GET['callback']) ? GET['callback'] : '';
$json = COOKIE['username'];
$json = '"'.$json.'"';
if (!empty($callback)) 
{ 
   $json = $callback . '(' . $json . ')';
}
echo $json;
?>


在B服务器中则需要做2件事情:
1. 定义响应函数response 。 在响应函数中,对jsonp.PHP 返回的用户名进行显示
2. 通过script 标签,引入 jsonp.PHP?callback = response

<head>
<script type="text/javascript">
function response(words){ //通过cookie判断是否登录
if(typeof(words) != 'undefined'){

var h1 = document.getElementById('welcome');
h1.value = words;
}
}
</script>
</head>
<body>

<input type="text" id="welcome" />
<script type="text/javascript" src="http://www.sso.com/SSO/jsonp.PHP?callback=response"></script>


</body>
</html>

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...