JSONP原理附JSONP代码

最新推荐文章于 2023-11-03 23:47:38 发布

Andy393939

最新推荐文章于 2023-11-03 23:47:38 发布

阅读量159

点赞数 1

分类专栏： Python学习笔记合集

本文链接：https://blog.csdn.net/gaosong0623/article/details/105258202

版权

Python学习笔记合集专栏收录该内容

179 篇文章 1 订阅 ¥99.90 ¥99.00

订阅专栏

超级会员免费看

由于游览器具有同源策略，所以默认发跨越请求发不过去。如果想自己开发一个能够远程发送跨越请求的话，就可以依赖于JSONP来做。

JSONP到底是什么呢？他不是一个技术，而是一种策略，一种小机制。

由于script的src不受同源约束，所以我可以动态的生成一个script的标签给他加上src属性，他就可以去访问了。

当他访问成功返回一个字符串回来，script 返回回来会被编译成JavaScript的代码，如果他是一个调用函数的代码，我恰巧在内部又已经定义了一个函数，那他自动就会调用我的函数了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" onclick="jsonpRequest();" value="跨域请求" />

    <script>
        TAG = null;
        function jsonpRequest() {
            TAG = document.createElement('script');
            TAG.src = "https://www.baidu.com/";
            document.head.appendChild(TAG);
        }
        function list(arg) {
            console.log(arg);
            document.head.removeChild(TAG);
        }
    </script>
</body>
</html>