Java跨域问题的处理详解

前言

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

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

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

1. 域名相同
2. 协议相同
3. 端口相同
   

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

url	说明	是否允许通信
	同一域名	允许
	不同域名	不允许
	同一域名不同端口	不允许
	同一域名不同协议	不允许

在java中处理跨域问题，通常有以下两种常用的解决方法。

第一种解决方法

后台代码在被请求的servlet中添加header设置：

response.setheader("access-control-allow-origin", "*");
printwriter out =null;
try
{
 out = response.getwriter();
} catch (ioexception e)
{
 // todo auto-generated catch block
 e.printstacktrace();
}
out.print("{'status':'ok'}");
out.flush();
out.close();

access-control-allow-origin这个header在w3c标准里用来检查该跨域请求是否可以被通过，如果值为*则表明当前页面可以跨域访问。默认的情况下是不允许的。

在前端js中需要向servlet发出请求，请求代码如下所示：

$.ajax({
 url: "your url",
 type:"get or post",
 datatype:"json",
 data:{
 ....
 },
 success:function(data){
 ...
 }

第二种解决方法

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

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

$.ajax({
 url:"your url",
 type:"get or post",
 async:false,
 datatype : "jsonp",
 //服务端用于接收callback调用的function名的参数
 jsonp:"callbackparam",
 //callback的function名称
 jsonpcallback:"success_jsonpcallback",
 success:function(data){
 console.log(data);
 },
 error:function(data){
 console.log(data);
 }
});

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

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

printwriter out =null;
string callback=req.getparameter("callbackparam");
string json=callback+"({'status':'ok'})";
try
{
 out = resp.getwriter();
} catch (ioexception e)
{
 // todo auto-generated catch block
 e.printstacktrace();
}
out.print(json);
out.flush();
out.close();

首先需要获取参数名为callbackparam的值，这里获取到的值就是“success_jsonpcallback”。然后将这个值加上一对小括号。小括号里放入你需要返回的数据内容，比如这里我返回一个json对象。当然你也可以返回其他对象，比如只返回一个字符串类型数据也可以。最后前端js返回的数据就是这样的：

success_jsonpcallback({'status':'ok'})

浏览器会自动解析为json对象，这时候你只需要在success回调函数中直接用data.status就可以了。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。