java forward 跨域_Java跨域问题的处理详解

本文介绍了JavaScript跨域问题的背景及原因,并详细讲解了Java处理跨域问题的两种常见方法:设置`access-control-allow-origin`响应头和使用JSONP。通过示例代码展示如何在后台设置响应头以及实现JSONP请求,帮助开发者解决前后端跨域通信的难题。
摘要由CSDN通过智能技术生成

前言

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

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

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

域名相同

协议相同

端口相同

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

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就可以了。

总结

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

希望与广大网友互动??

点此进行留言吧!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值