jsonp, 跨域请求
2017-06-19 00:00
363 查看
摘要: 通过jq进行跨域请求
导包
此处省略一万字......客户端
$.ajax({ url:'http://127.0.0.1:8082/water-store/store/deliveryman/uploadLocation.do', data:{ lng:location.lng, lat:location.lat }, dataType:"jsonp", type:'POST', error:function(XMLHttpRequest, textStatus, errorThrown){ fn(errorThrown); }, success:function(data){ fn(undefined, data); } })
服务器端
@RequestMapping("uploadLocation") @ResponseBody public String uploadLocation(HttpServletResponse response, String callback, BigDecimal lng, BigDecimal lat) { // 需要设置此头部信息 // 指定允许其他域名访问 response.setHeader("Access-Control-Allow-Origin", "*"); // 响应类型 response.setHeader("Access-Control-Allow-Methods", "POST"); // 响应头设置 response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type"); // 返回数据 ViewReturnStateJson json = ViewReturnStateJson.successedText("ok"); return String.format("%s(%s)", callback, JsonUnit.getJsonStr(json)); }
相关文章推荐
- 跨域请求之jQuery的ajax jsonp的使用解惑
- 关于sencha touch 的JSONP跨域请求的学习研究
- AJAX 跨域请求 - JSONP获取JSON数据
- json和jsonp的区别和联系 springMVC实现jsonp跨域请求
- JS & jQuery 中的 jsonp (跨域请求)
- JSONP(跨域请求) —— 一种非官方跨域数据交互协议
- JSONP 跨域请求
- js 跨域请求jsonp
- jsonp其实很简单【ajax跨域请求】
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- https跨域请求jsonp以及else
- クロスドメインで使う XMLHttpRequest と JSONP のお話 跨域请求
- JSON和JSONP有哪些区别,PhoneGap跨域请求如何实现
- .net学习之母版页执行顺序、jsonp跨域请求原理、IsPostBack原理、服务器端控件按钮Button点击时的过程、缓存、IHttpModule 过滤器
- Django 实现组合条件搜索、jsonp跨域请求
- AngularJS中$http.jsonp跨域请求问题
- 关于jsonp跨域请求的实现原理
- 基于JSONP的跨域请求实现
- 点击<a>页面跳转解决办法/跨域请求,JSONP
- 使用fetch轻松解决JS跨域请求问题——无需CORS,jsonp