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

为什么要把jsonp理解的那么神圣?一个动态的js文件而已

发布时间:2020-12-16 18:58:26 所属栏目:百科 来源:网络整理
导读:正常的引入js文件是如何引入的? demo.html script src="script.js"/script 如果script.js内容如下会发生什么? alert(1); 显然,demo.html中会弹出1 第一次改造: 如果demo.html改成 script function show(data){ alert(data); }/scriptscript src="script.

正常的引入js文件是如何引入的?

demo.html

<script src="script.js"></script>

如果script.js内容如下会发生什么?

alert(1);

显然,demo.html中会弹出1


第一次改造:

如果demo.html改成

<script>
    function show(data){
        alert(data);
    }

</script>
<script src="script.js"></script>

script.js

show(1);

同样会弹出1


再变形
demo.html

<script>
    function show(data){
        console.log(data);
    }

</script>
<script src="script.js"></script>

script.js

show({
    a:1
})

控制台就会输出{a:1}这个对象


恩,看到这里还不明白jsonp的原理?

继续:
demo.html

<script>
    function show(data){
        console.log(data);
    }

</script>
<script src="script.php?backname=show"></script>

这里的script.js不再是静态js,而是一个服务器动态输出的js文件,并且带了一个参数,这个参数给后台,告诉后台,以什么名字返回数据

script.php

$back=$_GET['backname'];
echo $back."({'a':1})";

完结,代码简陋,说明问题即可

(编辑:李大同)

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

    推荐文章
      热点阅读