实现AJAX跨域访问方式一

Posted Never be the same

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实现AJAX跨域访问方式一相关的知识,希望对你有一定的参考价值。

1.添加pom依赖

<dependency>
     <groupId>com.thetransactioncompany</groupId>
      <artifactId>cors-filter</artifactId>
      <version>2.6<ersion>
<!--<scope>runtime</scope>-->
</dependency>

 

2.在web.xml 中增加配置

<!-- 添加解决跨域的代码配置,基于pom中有cors-filter的依赖 ,begin --> 
    <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</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> 
    <!-- 添加解决跨域的代码配置,基于pom中有cors-filter的依赖 ,end --> 

 

以上是关于实现AJAX跨域访问方式一的主要内容,如果未能解决你的问题,请参考以下文章

ajax 设置Access-Control-Allow-Origin实现跨域访问

ajax 设置Access-Control-Allow-Origin实现跨域访问

JSON和JSONP,原来ajax引用这个来实现跨域访问的

jquery中ajax处理跨域的三大方式

chrome下如何实现ajax的跨域访问

js跨域js实现跨域访问的几种方式