JSONP实现跨域访问

JSONP

什么是JSONP？

JSONP的英文意思是“JSON with padding”，有填充的json。
至于填充何物--无谓乎数据而已。

JSONP的作用？

JSONP在早些年旧版的浏览器中用于跨域获取数据。
由于浏览器同源规定，同一个服务器的页面只能访问该服务器的数据，
如果需要访问其他服务器的数据，只能通过设置代理服务器或者使用JSONP跨域。
今天的主角就是JSONP。

为什么JSONP能跨域？

浏览器对script、link之类的标签获取其他服务器的数据未做安全限制，故可以使用
script做跳板，从其他服务器中拿到想要的数据。

代码如下

<script>
    // 回调方法
    function print(value) {
        var type = typeof value
        console.log(type)
        console.log(value)
    }
</script>
<!-- jsonp实现跨域 -->
<script src="http://localhost:8080/user/testJsonp?callback=print"></script>

注意

1. JSONP返回的数据就是javascript对象，无需使用JSON.parse()方法
2. 回调方法必须在使用JSONP的script标签上面，才能保证不报错