JSONP跨域的实现原理

最新推荐文章于 2023-07-12 16:55:05 发布

Silly*

最新推荐文章于 2023-07-12 16:55:05 发布

阅读量189

点赞数

文章标签： javascript jsonp

本文链接：https://blog.csdn.net/weixin_43100373/article/details/117127658

版权

由于浏览器同源策略的限制，非同源下的请求，都会产生跨域问题，jsonp即是为了解决这个问题出现的一种简便解决方案。

同源策略即：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题。

在浏览器网页中,不管是我们的script标签的src还是img标签的src,还是link标签的href,他们没有被同源策略所限制

jsonp就是使用同源策略这一“漏洞”，实现的跨域请求（这也是jsonp跨域只能用get请求的原因所在）

<script>
        window.callback=function(data){
            console.log(data)
        }
</script>
<script src="./text.js"></script>

text.js

callback({
    "username":"李浪",
    "password":"123456"
})

JSONP实现原理:通过script标签的src请求跨域文件,window.callback监听返回数据并操作

关注