Ajax 跨域访问 tomcat 下的 web service

最新推荐文章于 2024-07-29 09:35:31 发布

置顶壮男孩

最新推荐文章于 2024-07-29 09:35:31 发布

阅读量1.4k

点赞数

分类专栏： js 文章标签：跨域 ajax

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

当用 Ajax 跨域访问发布在 Tomcat 下的 web service时 ,会出现如下的错误。

XMLHttpRequest cannot load http://localhost:8081/DistServices/services/FolderService/GetAllFolderTypes. No 'Access-Control-Allow-Origin'header is present on the requested resource. Origin 'http://localhost:9206' istherefore not allowed access。

这个问题的产生是由于跨域访问时，request 来自的域(http://localhost:9206)不在服务(http://localhost:8081)所接受的域列表里面。说人话就是，哥的服务不是你想要就要得，没经过我的批准，你没法使用。就好像你去按摩店:"老板，来个漂亮妹子给我按摩。"。你想要这些服务，不给钱是不行的。

    因此，要是想跨域访问这个服务，我们得经过服务发布者(老板)的允许，将我们发起请求的域加到服务器允许访问的域列表里面。问题知道了，那怎么做呢？

    从上面的描述可以看出，工作主要在服务端，只要服务发布者允许，请求者就可以正常访问了，因此服务发布者需要做一些工作来达到这个目的。

CORS介绍

   跨域资源共享（CORS ）是一种网络浏览器的技术规范，它为Web服务器定义了一种方式，允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。。

   简言之，CORS就是为了让AJAX可以实现可控的跨域访问而生的。

Tomcat下的配置

   下载cors-filter-2.3.jar(其它版本也可)，java-property-utils-1.9.jar这两个库文件，放到lib目录下。工程项目中web.xml中的配置如下：

1、加载 CORSFilter

<filter>

     <filter-name>CORS</filter-name>

     <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>

</filter>

如果需要动态监测过滤规则的变化，那么应该使用如下的配置代替上面的配置(实际上就是使用另外一种类型的CORSFilter):

<filter>

     <filter-name>CORS</filter-name>

    <filter-class>com.thetransactioncompany.cors.autoreconf.AutoReconfigurableCORSFilter</filter-class>

</filter>

2、指定规则

如果只允许来自某个域(http://localhost:9206)的请求，那么给CORSFilter加如下参数：

<init-param>

       <param-name>cors.allowOrigin</param-name>

       <param-value>http://localhost:9206</param-value>

</init-param>

如果允许同时来自两个域(http://localhost:9206 和 http://chenyp.com)的请求，那么给CORSFilter加如下参数：

<init-param>

       <param-name>cors.allowOrigin</param-name>

       <param-value>http://localhost:9206,http://chenyp.com</param-value>

</init-param>

如果允许来自任何域的请求，那么给CORSFilter加如下参数：

<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>

如果不清楚这些参数所代表的意义，那么你可能需要了解下 HTTP请求报文。

3、指定需要过滤的请求

如果只对某个servlet 过滤，那么如下配置:

<filter-mapping>

            <filter-name>CORS</filter-name>

            <servlet-name>MyServlet</servlet-name>

</filter-mapping>

如果需要对所有的请求过滤，那么如下配置:

<filter-mapping>

            <filter-name>CORS</filter-name>

            <url-pattern>/*</url-pattern>

</filter-mapping>

这就是所有的配置了，一个完整的配置可能如下:

<filter>
<filter-name>CORS</filter-name>
<filter-class>org.ebaysf.web.cors.CORSFilter</filter-class>
<init-param>
<param-name>allowedOrigins</param-name>
<param-value>*</param-value>
</init-param>
<init-param>
<param-name>allowedHttpMethods</param-name>
<param-value>GET, POST, HEAD, PUT, DELETE</param-value>
</init-param>
<init-param>
<param-name>allowedHttpHeaders</param-name>
<param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>
</init-param>
<init-param>
<param-name>exposedHeaders</param-name>
<param-value>Set-Cookie</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CORS</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>