ajax跨域:JQuery + Spring MVC3.0
2014-07-29 01:03
651 查看
ajax跨域的基础知识参考:http://www.cnblogs.com/sunxucool/p/3433992.html
兼容跨域和域内访问的最简单解决方法:前端用jsonp,服务器端用 Spring MVC 3.0
前端代码:
后端代码:
兼容跨域和域内访问的最简单解决方法:前端用jsonp,服务器端用 Spring MVC 3.0
前端代码:
$.ajax({ url: "http://localhost:8080/sensing/heatmap/get/shop-1001/2014-07-28/2014-07-28", dataType:'jsonp', processData: false, type:'get', jsonp:'jsoncallback', //complete :function(){$("#load").hide();},// AJAX请求完成时隐藏loading提示 success: function(msg){// msg为返回的数据,在这里做数据绑定 alert(msg); alert("x:"+msg.x+" y:"+msg.y); alert("value:"+msg.value); }, error: function(){ } });
后端代码:
@RequestMapping(value = "/get/shop-{shopId}/{startDate}/{endDate}") @ResponseBody public Object getHeatmap(@PathVariable long shopId, @PathVariable String startDate, @PathVariable String endDate, HttpServletRequest request) { shopId = getSessionShopId(request, shopId); Heatmap heatmap = new Heatmap(); Map<String, Object> modelMap = new HashMap<String, Object>(); modelMap.put("x",heatmap.getX()); modelMap.put("y", heatmap.getY()); modelMap.put("value",heatmap.getValue()); String callback = request.getParameter("jsoncallback"); if(callback!=null){//跨域访问 JSONPObject res = new JSONPObject(callback, modelMap); return res; }else{//域内访问 return modelMap; } }
相关文章推荐
- jQuery中Ajax+Spring MVC实现跨域请求
- jquery ajax springMVC 解决跨域问题
- 主题:Spring3 MVC + jQuery easyUI 做的ajax版本用户管理
- jquery + json + springMVC集成在controller中实现Ajax功能
- Spring3 MVC + jQuery easyUI 做的ajax版本用户管理
- springmvc + jquery datatable + ajax实现服务端动态分页查询
- Ajax+Spring MVC实现跨域请求(JSONP)
- Spring mvc +jquery ajax+json的异步实例
- spring2.5 mvc 以及spring3.0 mvc ajax+json
- spring mvc json ajax jquery
- jquery+ajax+springmvc
- springmvc + jquery datatable + ajax实现服务端动态分页查询
- 解决Spring3.0 MVC @ResponseBody Ajax返回中文乱码
- Spring MVC Ajax and JQuery
- springmvc + jquery datatable + ajax实现动态分页查询
- 级联下拉框 ajax jquery springmvc
- SpringMVC JQuery Ajax Get Post请求在Tomcat中乱码解决方案
- springmvc+ajax_jsonp跨域问题
- Spring MVC Ajax and JQuery
- Ajax+Spring MVC实现跨域请求(JSONP)