Java项目中如何解决跨域问题 - 行业资讯 - 肥雀云

Java项目中如何解决跨域问题?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

相信大家在写前端脚本的时候经常会遇到发送数据到后台的情况,但是由于浏览器的限制,不同域名之间的数据是不能互相访问的,那前端怎么和后端如何进行数据之间的交换呢?

JavaScript由于安全性方面的考虑,不允许页面跨域调用其他页面的对象,那么问题来了,什么是跨域问题?

答:这是由于浏览器同源策略的限制,现在所有支持JavaScript的浏览器都使用了这个策略。那么什么是同源呢?所谓的同源是指三个方面”相同”:

下面就举几个例子来帮助更好的理解同源策略。

URL说明是否允许通信http://www.a.com/a.js
　　,,http://www.a.com/a.js , http://www.a.com/b.js同一域名允许;
　　,,,http://www.b.com/a.js不同域名不允许http://www.a.com: 8000/a.js
　　,,,http://www.a.com/b.js同一域名不同端口不允许https://www.a.com/a.js
　　,,,http://www.a.com/b.js同一域名不同协议不允许

<强>第一种解决方法

后台代码在被请求的Servlet中添加标题设置:

response.setHeader (“Access-Control-Allow-Origin",“*”); 　　PrintWriter=零; 　　试一试　　{=response.getWriter (); 　　}捕捉(IOException e) 　　{//TODO自动生成的catch块　　e.printStackTrace (); 　　} 　　都会(“{& # 39;状态# 39;:& # 39;好# 39;}“); 　　out.flush (); 　　out.close ();

Access-Control-Allow-Origin这个标题在W3C标准里用来检查该跨域请求是否可以被通过,如果值为*则表明当前页面可以跨域访问。默认的情况下是不允许的。

在前端JS中需要向Servlet发出请求,请求代码如下所示:

. ajax({美元　　url:“你url" 　　类型:“获得或post" 　　数据类型:“json" 　　数据:{ 　　… 　　}, 　　成功:功能(数据){ 　　… 　　}

<强>第二种解决方法

通过jsonp跨域请求的方式.JSONP和JSON虽然只有一个字母的区别,但是他们完全就是两回的事,很多人很容易把他们搞混. JSON是一种数据交换的格式,而jsonp则是一种非官方跨域数据交互协议。

首先来说一下前端JS是怎么发送请求。代码如下所示:

. ajax({美元　　url:“你url" 　　类型:“获得或post" 　　异步:假的, 　　数据类型:“jsonp"//服务端用于接收调调用的函数名的参数　　jsonp:“callbackparam"//回调函数的函数名称　　jsonpCallback:“success_jsonpCallback" 　　成功:功能(数据){ 　　console.log(数据); 　　}, 　　错误:功能(数据){ 　　console.log(数据); 　　} 　　});

这里的callbackparam和success_jsonpCallback可以理解为发送的数据数据的键值对,可以自定义,但是callbackparam需要和后台约定好参数名称,因为后台需要获取到这个参数里面的值(即success_jsonpCallback)。

下面,最重要的来了,后台怎么样获取和返回数据呢。代码如下所示:

 success_jsonpCallback({& # 39;状态# 39;:& # 39;好# 39;})

浏览器会自动解析为JSON对象,这时候你只需要在成功回调函数中直接用数据。地位就可以了。

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。