jsonp

Posted qxhn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp相关的知识,希望对你有一定的参考价值。

js同源策略有关

js获取的数据由源头的判断,在以下几种情况中列出了同源策略的内容

url

说明

是否同源

是否json可解析

http://www.a.com/test01

http://www.a.com/test02

同一个域名的js访问

可以解析

http://www.a.com/lab/test01

http://www.a.com/scribt/test02

同一个域名的不同web资源

可以解析

http://www.a.com:8080/test01

http://www.a.com/test02

域名相同,端口不同

不是

不可以解析

www.a.com/test01

127.0.0.1/test02

域名,和ip地址

不是

不可以解析

www.a.com/test01

body.a.com/test02

相同域名,不同二级域名

不是

不可以解析

www.a.com/test01

a.com/test01

同一个域名,二级域名不同

不是

不可以

www.a.com/test01

www.b.com/test02

不同域名

不是

不可以

 

在通过<script>标签进行获取

<script type="text/javascript">
//在test.json中回调
alert(111111);
function test(data){
alert(data.key);
}
</script>
<script type="text/javascript" src="http://abc.com/test2.json"></script>

 

abc.com/test2.json

括号外面是回调函数名称

test({
"key":"ojbk"
})

 










以上是关于jsonp的主要内容,如果未能解决你的问题,请参考以下文章

Jsonp 原理

JSONP使用

jsonp实现原理

vue视频学习笔记02

AJAX入门

ajax 跨域请求