JSONP跨域,及Spring MVC返回JSONP数据
来源:互联网 发布:网络电视机 编辑:程序博客网 时间:2024/05/16 05:10
背景:
AJAX向后台(springmvc)发送请求,报错:已阻止交叉源请求:同源策略不允许读取 http://127.0.0.1:8080/DevInfoWeb/getJsonp 上的远程资源。可
以将资源移动到相同的域名上或者启用 CORS 来解决这个问题。
百度一下,发现是遇到了跨域请求请求问题。搜集资料如下
JSONP解释
在解释JSONP之前,我们需要了解下”同源策略“这个概念,这对理解跨域有帮助。基于安全的原因,浏览器是存在同源策略机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载额文档的属性。有点绕,说的简单点就是浏览器限制脚本只能和同协议、同域名、同端口的脚本进行交互。
JSONP就是为了解决这一问题的,JSONP是英文JSON with Padding的缩写,是一个非官方的协议。他允许服务端生成script tags返回值客户端,通过JavaScript callback的形式来实现站点访问。JSONP是一种script tag的注入,将server返回的response添加到页面是实现特定功能。
简而言之,JSONP本身不是复杂的东西,就是通过scirpt标签对javascript文档的动态解析绕过了浏览器的同源策略。
JSONP原理及实现
接下来,来实际模拟一个跨域请求的解决方案。后端为spring MVC架构的,前端则通过Ajax进行跨域访问。
1、首先客户端需要注册一个callback(服务端通过该callback(jsonp)可以得到js函数名(jsonpCallback)),然后以JavaScript语
法的方式,生成一个function
2、接下来,将JSON数据直接以入参的方式,放置到function中,这样就生成了一段js语法文档,返回给客户端。
3、最后客户端浏览器动态的解析script标签,并执行返回的JavaScript语法文档片段,此时数据作为参数传入到了预先定义好的
回调函数里(动态执行回调函数)。
这种动态解析js文档和eval函数是类似的。
经过一番努力,解决如下:
SpringMVC端:
AJAX端:
参考文章:
http://www.2cto.com/kf/201411/351856.html
http://blog.csdn.net/d8111/article/details/45249871
- JSONP跨域,及Spring MVC返回JSONP数据
- spring mvc ajax jsonp 跨域请求 返回值 配置
- spring MVC 配置支持JSONP
- Spring MVC 4.1 支持jsonp
- Spring MVC 4.1 支持jsonp
- Spring MVC 4+ JsonP支持
- spring JSONP
- spring+jsonp
- Spring MVC 4.1 使用ResponseBodyAdvice支持jsonp
- spring mvc 对jsonp的支持
- spring mvc 环境Fastjson转换器jsonp请求
- json、jsonp、jsonp跨域
- jsonp调用及后台java返回
- angular jsonp调用及后台java返回
- jsonp调用及后台java返回
- jsonp调用及后台java返回
- JSONP
- jsonp
- 输入两个单调递增的链表,输出两个链表合成后的链表,当然我们需要合成后的链表满足单调不减规则。
- #python中的汉诺塔递归算法代码分析
- flex-进度条
- Java环境配置
- Error:Execution failed for task ':app:clean'. > Unable to delete directory: D:\testDlaner\MyNDKDemo\
- JSONP跨域,及Spring MVC返回JSONP数据
- Largest Rectangle in Histogram(分治法)
- BZOJ 1747 [Usaco2005 open]Expedition 探险 贪心
- Postgres array 数组类型详细使用
- Django-模板的使用
- iOS tableview SDWebImage加载多张图片内存警告(received memory warning)
- vue同一solt在组件中渲染多次解决办法
- 微信小程序页面跳转传递Json对象参数
- Hdu2255 奔小康赚大钱(二分图最大权匹配KM算法)