<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSONP</title>
<script type="text/javascript">
/*
* jsonp = json + padding
* 将json数据放入一个盒子中
* 下面是服务器端data.php代码：
* <?php
* $_callback = $_GET['callback'];
* $data = array(1,2,3);
* echo $_callback.'('.json_encode($data).')';
* ?>
* 如果该文件不能访问，你可以在自己的wamp中配置一个虚拟主机进行访问
* 虚拟主机的配置地址：
* http://blog.csdn.net/super_yang_android/article/details/53991982
* */
var oUrl = 'http://www.lamport.me/data.php?callback=getData';
(function (oUrl) {
var oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.src = oUrl;
document.getElementsByTagName('head')[0].appendChild(oScript);
})(oUrl);
function getData(data) {
if (data !== undefined) {
alert(data);
}
}
getData();
</script>
</head>
<body>
</body>
</html>
跨域-JSONP
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 什么是同源策略 浏览器出于安全方面的考虑，只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下，不能...
- 浏览器的同源策略 浏览器出于安全方面的考虑，只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下，不...
