JSONP跨域
跨域:是指一个域下的文档去请求另一个域下的资源。
同源策略: 我们之所以不能在当前域下面访问不同域的资源文件是因为受到浏览器同源策略的限制的。之所以要制定同源策略是为了让浏览器不容易受到如:XSS,CSFR等攻击。所谓同源指的是协议,域名,端口三者必须相同,否则就视为不同源。同源策略会限制Cookie无法读取,DOM和JS对象无法获得,AJAX请求无法发送。
jsonp跨域
在html中通过标签从不同的域下加载静态资源是被浏览器允许的,我们可以通过动态的创建script请求一个带参网址实现跨域。
1.原生js实现
<script>
//动态创建script标签
var script = document.createElement('script');
//给script标签指定访问的路径,路径参数中需要指定回调函数
script.src='';
//将创建的script标签作为body标签的子节点
document.body.appendChild(script);
function callBack(result){
//回调函数返回的结果
}
</script>
2.ajax实现
<script>
$.ajax({
url:'',//请求的地址
type:'get', //只支持GET方式,不支持POST
dataType:'jsonp',//数据的类型必须指定为jsnop
jsnopCallback:'callBack',//自定义回调函数
});
function callBack(result){
//回调函数返回的结果
}
</script>