【前端】jsonp原理

一 同源策略

同源策略,它是由Netscape提出的一个著名的安全策略。
现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。
当一个浏览器的两个tab页中分别打开百度和谷歌的页面
当一个百度浏览器执行一个脚本的时候会检查这个脚本是属于哪个页面的
即检查是否同源,只有和百度同源的脚本才会被执行。

二 jsonp解决跨域

1. 什么是jsonp

JSONP是JSON with Padding的略称。它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)

2. jsonp跨域的原理

由于同源策略,XMLHttpRequest()对象无法跨域,但是在页面上js脚本,css样式文件,图片是可以跨域的

1<script type="text/javascript" src="某个cdn地址" ></script>
2<link type="text/css" rel="stylesheet" href="某个cdn地址" />
3<img src="某个cdn地址" alt=""/>

jsonp是将请求通过动态创建一个

猜你喜欢

转载自blog.csdn.net/cheidou123/article/details/92014269