Java利用cors实现跨域请求实例

由于ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告

网站开发，在某些情况下需要用到跨域。

什么是跨域？

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。

ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。

常见解决跨域的方式

script标签
iframe
jsonp
服务端中转请求
cors

今天的主角cors

全称：Cross-Origin Resource Sharing

中文意思：跨域资源共享

它在维基百科上的定义是：跨域资源共享（CORS ）是一种网络浏览器的技术规范，它为Web服务器定义了一种方式，允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。它是一个妥协，有更大的灵活性，但比起简单地允许所有这些的要求来说更加安全。

下面就说一下cors在java tomcat下如何配置

首先下载jar包

cors-filter与java-property-utils

<!-- https://mvnrepository.com/artifact/com.thetransactioncompany/cors-filter -->
<dependency>
  <groupId>com.thetransactioncompany</groupId>
  <artifactId>cors-filter</artifactId>
  <version>2.5</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.thetransactioncompany/java-property-utils -->
<dependency>
  <groupId>com.thetransactioncompany</groupId>
  <artifactId>java-property-utils</artifactId>
  <version>1.10</version>
</dependency>

修改web.xml

增加以下代码（最好放在其他filter前边）

<filter>     
  <filter-name>CORS</filter-name> 
  <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class> 
  <init-param> 
   <param-name>cors.allowOrigin</param-name> 
    <param-value>*</param-value> 
  </init-param> 
  <init-param> 
   <param-name>cors.supportedMethods</param-name> 
    <param-value>GET, POST, HEAD, PUT, DELETE</param-value> 
  </init-param> 
  <init-param> 
   <param-name>cors.supportedHeaders</param-name> 
    <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value> 
  </init-param> 
  <init-param> 
    <param-name>cors.exposedHeaders</param-name> 
    <param-value>Set-Cookie</param-value> 
  </init-param> 
  <init-param> 
    <param-name>cors.supportsCredentials</param-name> 
    <param-value>true</param-value> 
  </init-param>
</filter> 
 
<filter-mapping> 
  <filter-name>CORS</filter-name> 
  <url-pattern>/*</url-pattern> 
</filter-mapping>

jQuery请求示例

$.ajax("url", {
  type: "POST",
  xhrFields: {
    withCredentials: true,
    useDefaultXhrHeader: false
  },
  data: {
    type: "test"
  },
  dataType: 'json',
  crossDomain: true,
  success: function(data, status, xhr) {
   console.log(data);
  }
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Java # cors # 跨域 # 跨域请求 # JAVA通过Filter实现允许服务跨域请求的方法 # Java实现CORS跨域请求的实现方法 # 详解java 中Spring jsonp 跨域请求的实例 # 详解Java Ajax jsonp 跨域请求 # 使用CORS实现JavaWeb跨域请求问题的方法 # 解决跨域请求 # NG返回403(403并不一定是NG问题) # 资源共享 # 是一种 # 放在 # 是由 # 更大 # 它是 # 就说 # 它在 # 指的是 # 服务端 # 大家多多 # 它为 # 网站开发 # 情况下 # 维基百科 # 在某些 # property # filter

返回目录在线咨询

上一篇：通过Webflow建站：设计师如何实现复杂的交互效果？
下一篇：PHP DOM解析：高效获取HTML中的特定标题及其紧邻段落

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Java利用cors实现跨域请求实例

您的项目需求