七种跨域方法【3.JSONP篇】

前端之家收集整理的这篇文章主要介绍了七种跨域方法【3.JSONP篇】前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<!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>

猜你在找的Json相关文章