java跨域访问代码 java跨域问题解决办法( 二 )


在前端JS中需要向Servlet发出请求,请求代码如下所示:
$.ajax({
url: "your url",
type:"get or post",
【java跨域访问代码 java跨域问题解决办法】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就可以了 。
如何把java api做成跨域的跨域要点jsoup协议,该协议的一个要点就是允许用户传递一个callback参数给服务端 , 然后服务端返回数据时会将这个callback参数作为函数名来包裹住 JSON数据,这样客户端就可以随意定制自己的函数来自动处理返回数据了 。
所以需要前台传一个callback参数,该参数是客户端的一个方法,服务端收到callback参数以后,封装callback对应方法需要的参数 , 返回给客户端,即可实现跨域访问 。
关于java跨域访问代码和java跨域问题解决办法的介绍到此就结束了 , 不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息 , 记得收藏关注本站 。

推荐阅读