您的位置:首页 > Web前端 > JavaScript

JSONP 的简单用法 ---- 解决跨域问题

2014-02-27 09:18 459 查看
1.html

<!--
假设,
当前的 1.html 的访问地址是: http://www.test.com/1.html 提供返回数据的服务端访问地址是: http://www.zzz.com/1.php -->
<meta charset="utf-8" />
<span id='a'>wwwwwwwwww</span>

<!--第一种JSONP写法-->
<script type="text/javascript">
function jsonpCallback(result) {
//console.log(result);
document.getElementById("a").innerHTML=result[2];
}
</script>
<script type="text/javascript" src="http://www.zzz.com/1.php?callback=jsonpCallback"></script>

<!--第二种JSONP写法
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$.getJSON("http://www.zzz.com/1.php?callback=?",function(result){
for(var i in result) {
document.getElementById("a").innerHTML=result[3];
}
});
</script>
-->


1.php

<?php
//服务端返回JSON数据
$arr=array(1=>'aa',2=>'bb',3=>'cc');
$result=json_encode($arr);
//动态执行回调函数
$callback=$_GET['callback'];
echo $callback."($result)";
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: