JSONP 是在前端解决跨域访问的解决方案, 利用的是<script>
的src没有跨域限制的这个例外进行实现的。
关于跨域可以参考:
跨域访问的相关概念及解决方法
关于JSONP 可以参考:
跨域解决方案之JSONP原理及基本解决
本篇汇总JSONP 的基本解决以及在JQuery 和Ext JS框架下的解决方案,并且演示接近实战的完整代码。
本篇示例演示环境搭建
- 使用Spring Boot项目提供REST风格服务接口。启动服务提供服务接口。
- 创建本地html 文件, 使用浏览器打开。因为本地打开和服务器打开的端口不同, 所以属于跨域场景。
后端服务地址 : http://localhost:8080/demo/output , 返回的内容类型是 application/javascript;charset=utf-8
, 响应的内容是: myCallBackFunc({"mystatus":"成功"})
, 如下图: