jsonp, 跨域请求
2017-06-19 16:54
302 查看
通过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)); }
相关文章推荐
- jsonp其实很简单【ajax跨域请求】
- jsonp跨域请求问题
- Jsonp跨域请求
- JSONP跨域请求AJAX
- jsonp解决跨域请求以及其工作原理
- AJAX 跨域请求 - JSONP获取JSON数据
- js便签笔记(13)——jsonp事实上非常easy【ajax跨域请求】
- jsonp 跨域请求
- jQuery jsonp跨域请求
- 技术点-Jsonp跨域请求-技术性总结
- JavaScript用JSONP跨域请求数据实例详解
- 使用jquery的jsonp如何发起跨域请求及其原理详解
- JSONP跨域GET请求解决Ajax跨域访问问题
- jsonp跨域请求
- 完美解决javascript中jsonp跨域请求无法触发error 方法的触发的方案(兼容ie6+)
- 解决jquery中jsonp格式跨域请求报parsererror的错误
- AJAX 跨域请求 - JSONP获取JSON数据
- ajax之jsonp跨域请求
- jsonp跨域请求
- PHP AJAX JSONP实现跨域请求使用实例