ajax之POST跨域请求

最新推荐文章于 2022-08-16 19:56:02 发布

lingmen2000

最新推荐文章于 2022-08-16 19:56:02 发布

阅读量731

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax专题文章标签： ajax之POST跨域请求 ajax跨域请求 ajax跨域 POST跨域

本文链接：https://blog.youkuaiyun.com/weixin_37998428/article/details/81604726

ajax专题专栏收录该内容

4 篇文章

订阅专栏

本文介绍了CORS的概念及其在Java Web应用中的配置方法。通过使用CORS插件，可以解决浏览器同源策略带来的跨域请求问题。文章详细列举了pom.xml与web.xml中的配置示例，并提供了必要的JAR包版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，简短说明

ajax跨域请求，常见的有jsonp，httpClient，CORS插件等

这次主要介绍CORS插件的使用

几个问题
1，什么是跨域：浏览器同源策略，协议、域名和端口，三者有一个不同，则跨域
2，什么是jsonp及如何使用【这里不做重点介绍】
3，什么是httpClient及如何使用【这里不重点介绍】
4，什么是CORS及如何使用【重点介绍】

2，CORS插件配置

CORS(Cross-Origin Resource Sharing，跨源资源共享)是W3C出的一个标准
其思想是使用自定义的HTTP头部让浏览器与服务器进行沟通
从而决定请求或响应是成功还是失败

环境：JDK1.7，mvn-v3.3.9

下载CORS插件：cors-filter-2.6.jar和java-property-utils-1.13.jar

将两个jar包打到maven仓库中【maven本地打jar包，这里不做重点介绍】

打包文件夹位置可参考jar包下载页面中给出的默认地址

xml配置

pom.xml：

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

web.xml：

<!-- CORS跨域请求 -->
<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>