加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 18:50:15 所属栏目:百科 来源:网络整理
导读:!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']; *
<!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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读