成都网站建设设计

将想法与焦点和您一起共享

Javaweb使用cors完成跨域ajax数据交互

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

银州网站建设公司成都创新互联,银州网站设计制作,有大型网站制作公司丰富经验。已为银州1000+提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的银州做网站的公司定做!

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

cors

全称:Cross-Origin Resource Sharing

中文意思:跨域资源共享

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

1、通过Maven引用

cors-filter、java-property-utils二个jar包,修改pom.xml文件,加入下面内容 

 
   
  com.thetransactioncompany 
  cors-filter 
  2.5 
  
  
  com.thetransactioncompany 
  java-property-utils 
  1.10 
 

2、在web.xml里面配置过滤器,使用引入的jar中定义好的过滤器。注意修改cors.allowOrigin节点,如果允许所有站点跨域访问,可以修改为[*],如果是多个站点,可以用[,]分隔配置。

 
   
  跨域过滤器 
  CORS 
  com.thetransactioncompany.cors.CORSFilter 
   
   cors.allowOrigin 
   https://127.0.0.1:8380 
   
   
   cors.supportedMethods 
   GET, POST, HEAD, PUT, DELETE 
   
   
   cors.supportedHeaders 
   Accept, Origin, X-Requested-With, Content-Type, Last-Modified 
   
   
   cors.exposedHeaders 
   Set-Cookie 
   
   
   cors.supportsCredentials 
   true 
   
  
  
  CORS 
  /* 
 

3、通过jQuery跨域调用数据,实例代码如下:

 
 
 
  
 跨域测试 
  
 
 
 

以上就是是小编分享给大家的Javaweb使用cors完成跨域ajax数据交互的全部内容,希望对大家有所帮助。如果在阅读过程中有什么问题,可以给小编留言,我会及时回复大家的。也希望大家多多支持创新互联!


当前文章:Javaweb使用cors完成跨域ajax数据交互
标题URL:http://chengdu.cdxwcx.cn/article/ighics.html