jquery ajax springMVC 解决跨域问题
2017-09-06 16:21
706 查看
1.首先要引入jquery.jsonp.js
2. 前端
var url = "http://10.12.1.134:8080/community/api/place/basePlaceCount/list?type=tag_type&tagLog=1&callback=?";
$.jsonp({
url: url,
success: function(data) {
console.log(data);
},
dataType: 'jsonp',
jsonpCallback:'jsonpCallback',
error: function(d,msg) {
}
});
3.springMVC
@RequestMapping(value = {"list", ""})
@ResponseBody
public Object list(BasePlaceCount basePlaceCount, HttpServletRequest request, HttpServletResponse response, Model model) {
Map<String,Object> result = new HashMap<String, Object>();
User loginUser = UserUtils.getUser();
basePlaceCount.setTenantId(loginUser.getTenantId());
List<BasePlaceCount> basePlaceCounts = new ArrayList<BasePlaceCount>();
basePlaceCounts = basePlaceCountService.findList(basePlaceCount);
result.put("basePlaceCounts", basePlaceCounts);
String callback = request.getParameter("callback");
MappingJacksonValue mmp = new MappingJacksonValue(basePlaceCounts);
mmp.setJsonpFunction(callback);
return mmp;
}
2. 前端
var url = "http://10.12.1.134:8080/community/api/place/basePlaceCount/list?type=tag_type&tagLog=1&callback=?";
$.jsonp({
url: url,
success: function(data) {
console.log(data);
},
dataType: 'jsonp',
jsonpCallback:'jsonpCallback',
error: function(d,msg) {
}
});
3.springMVC
@RequestMapping(value = {"list", ""})
@ResponseBody
public Object list(BasePlaceCount basePlaceCount, HttpServletRequest request, HttpServletResponse response, Model model) {
Map<String,Object> result = new HashMap<String, Object>();
User loginUser = UserUtils.getUser();
basePlaceCount.setTenantId(loginUser.getTenantId());
List<BasePlaceCount> basePlaceCounts = new ArrayList<BasePlaceCount>();
basePlaceCounts = basePlaceCountService.findList(basePlaceCount);
result.put("basePlaceCounts", basePlaceCounts);
String callback = request.getParameter("callback");
MappingJacksonValue mmp = new MappingJacksonValue(basePlaceCounts);
mmp.setJsonpFunction(callback);
return mmp;
}
相关文章推荐
- jQuery中Ajax+Spring MVC实现跨域请求
- SpringMVC Ajax返回的请求json 的方式来解决在中国字符串乱码问题
- IT忍者神龟之jQuery中利用JSONP解决AJAX跨域问题
- ajax请求的时候解决跨域问题,不用spring的responsBody
- jQuery中利用JSONP解决AJAX跨域问题
- 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案
- springmvc + angularjs 跨域问题解决
- Spring Boot学习总结(6)——SpringBoot解决ajax跨域请求问题的配置
- 关于AJAX调用ASP.NET MVC 或者WEBAPI项目提示I跨域问题的解决办法
- SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案
- 夺命雷公狗jquery---62通过$.getJSON来解决Ajax跨域请求问题
- 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案
- Spring boot 完美解决ajax跨域请求问题
- 解决ajax和spring的跨域访问问题
- springmvc+ajax_jsonp跨域问题
- 使用jsonp及jquery的$.ajax解决跨域问题
- ajax跨域问题解决(spring boot)
- 使用JQUERY解决AJAX的跨域问题
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- jQuery中利用JSONP解决AJAX跨域问题