ajax跨域请求(SpringMVC)

什么是跨域

不同协议 不同域名 不同子域 不同端口 均为跨域
特别的:一个域名和其对应的ip地址也算跨域
具体见下表


跨域请求无效

默认情况下,比如在localhost:63342下使用ajax请求localhost:8800

 $.get("http://localhost:8080/api/getProducts")

会发生错误:

XMLHttpRequest cannot load http://www.baidu.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access.

解决方案

只介绍一种解决方案
在http Response header中加入“Access-Control-Allow-Origin”字段,其值设置为发起请求的域名;或者*,表示所有域名都可以跨域对此域名进行访问

函数参数中加入HttpServletResponse
调用其setHeader函数,在header中加入相应字段
代码如下

@ResponseBody
@RequestMapping(value={"api/getproducts.json"})
public String getProducts(HttpServletResponse responce){
    responce.setHeader("Access-Control-Allow-Origin","*");
    return JSON.toJSONString(productService.findAllProducts());
}

还有其他解决方案,比如使用jsonp,在此不做介绍

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,273评论 19 139
  • 什么是跨域? 2.) 资源嵌入:、、、等dom标签,还有样式中background:url()、@font-fac...
    电影里的梦i阅读 2,400评论 0 5
  • 前言:对于跨域请求,很早之前就有去了解过,但因为一直关注的都是服务器后端开发,故也就仅仅停留在概念的理解上而没有机...
    ken_ljq阅读 90,016评论 6 128
  • 第一章 Nginx简介 Nginx是什么 没有听过Nginx?那么一定听过它的“同行”Apache吧!Ngi...
    JokerW阅读 32,852评论 24 1,002
  • 他们的故事平平淡淡,他们的经历普普通通,但也一样走到了今天。 一☞人物的介绍 那个男孩聪聪,从小特别惹女孩...
    诗熙儿阅读 503评论 5 2