javajsonp跨域

㈠ 如何使用jsonp解决跨域问题

由 于此前很少写前端的代码(哈哈，不合格的程序员啊)，最近项目中用到json作为系统间交互的手段，自然就伴随着众多ajax请求，随之而来的就是要解决 ajax的跨域问题。本篇将讲述一个小白从遇到跨域不知道是跨域问题，到知道是跨域问题不知道如何解决，再到解决跨域问题，最后找到两种方法解决ajax 跨域问题的全过程。
不知是跨域问题
起 因是这样的，为了复用，减少重复开发，单独开发了一个用户权限管理系统，共其他系统获取认证与授权信息，暂且称之为A系统；调用A系统以B为例。在B系统 中用ajax调用A系统系统的接口(数据格式为json)，当时特别困惑，在A系统中访问相应的url可正常回返json数据，但是在B系统中使用 ajax请求同样的url则一点儿反应都没有，好像什么都没有发生一样。这样反反复复改来改去好久都没能解决，于是求救同事，提醒可能是ajax跨域问 题，于是就将这个问题当做跨域问题来解决了。
知跨域而不知如何解决
知道问题的确切原因，剩下的就是找到解决问题的方法了。google了好久，再次在同事的指点下知道jQuery的ajax有jsonp这样的属性可以用来解决跨域的问题。
找到一种解决方式
现在也知道了怎样来解决跨域问题，余下的就是实现的细节了。实现的过程中错误还是避免不了的。由于不了解json和jsonp两种格式的区别，也犯了错误，google了好久才解决。
首先来看看在页面中如何使用jQuery的ajax解决跨域问题的简单版：
复制代码
$(document).ready(function(){
var url='http://localhost:8080/WorkGroupManagment/open/getGroupById"
+"?id=1&callback=?';
$.ajax({
url:url,
dataType:'jsonp',
processData: false,
type:'get',
success:function(data){
alert(data.name);
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}});
});
复制代码
这样写是完全没有问题的，起先error的处理函数中仅仅是alert(“error”)，为了进一步弄清楚是什么原因造成了错误，故将处理函数变 为上面的实现方式。最后一行alert使用为；parsererror。百思不得其解，继续google，最终还是在万能的stackoverflow找 到了答案，链接在这里。原因是jsonp的格式与json格式有着细微的差别，所以在server端的代码上稍稍有所不同。
比较一下json与jsonp格式的区别：
json格式：
{
"message":"获取成功",
"state":"1",
"result":{"name":"工作组1","id":1,"description":"11"}
}
jsonp格式：
callback({
"message":"获取成功",
"state":"1",
"result":{"name":"工作组1","id":1,"description":"11"}
})
看出来区别了吧，在url中callback传到后台的参数是神马callback就是神马，jsonp比json外面有多了一层，callback()。这样就知道怎么处理它了。于是修改后台代码。
后台java代码最终如下：
复制代码
@RequestMapping(value = "/getGroupById")
public String getGroupById(@RequestParam("id") Long id,
HttpServletRequest request, HttpServletResponse response)
throws IOException {
String callback = request.getParameter("callback");
ReturnObject result = null;
Group group = null;
try {
group = groupService.getGroupById(id);
result = new ReturnObject(group, "获取成功", Constants.RESULT_SUCCESS);
} catch (BusinessException e) {
e.printStackTrace();
result = new ReturnObject(group, "获取失败", Constants.RESULT_FAILED);
}
String json = JsonConverter.bean2Json(result);
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.print(callback + "(" + json + ")");
return null;
}
复制代码
注意这里需要先将查询结果转换我json格式，然后用参数callback在json外面再套一层，就变成了jsonp。指定数据类型为jsonp的ajax就可以做进一步处理了。
虽然这样解决了跨域问题，还是回顾下造成parsererror的原因。原因在于盲目的把json格式的数据当做jsonp格式的数据让ajax处理，造成了这个错误，此时server端代码是这样的：
复制代码
@RequestMapping(value = "/getGroupById")
@ResponseBody
public ReturnObject getGroupById(@RequestParam("id") Long id,
HttpServletRequest request, HttpServletResponse response){
String callback = request.getParameter("callback");
ReturnObject result = null;
Group group = null;
try {
group = groupService.getGroupById(id);
result = new ReturnObject(group, "获取成功", Constants.RESULT_SUCCESS);
} catch (BusinessException e) {
e.printStackTrace();
result = new ReturnObject(group, "获取失败", Constants.RESULT_FAILED);
}
return result;
}
复制代码
至此解决ajax跨域问题的第一种方式就告一段落。
追加一种解决方式
追求永无止境，在google的过程中，无意中发现了一个专门用来解决跨域问题的jQuery插件-jquery-jsonp。
有第一种方式的基础，使用jsonp插件也就比较简单了，server端代码无需任何改动。
来看一下如何使用jquery-jsonp插件解决跨域问题吧。
复制代码
var url="http://localhost:8080/WorkGroupManagment/open/getGroupById"
+"?id=1&callback=?";
$.jsonp({
"url": url,
"success": function(data) {
$("#current-group").text("当前工作组:"+data.result.name);
},
"error": function(d,msg) {
alert("Could not find user "+msg);
}
});

㈡ 我的一个java请求，该如何设置别人就可以跨域访问我的请求得到数据

一、通过jsonp跨域

在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。

比如，有个a.html页面，它里面的代码需要利用ajax获取一个不同域上的json数据，假设这个json数据地址是http://example.com/data.php,那么a.html中的代码就可以这样：

我们看到b页面成功的收到了消息。

使用postMessage来跨域传送数据还是比较直观和方便的，但是缺点是IE6、IE7不支持，所以用不用还得根据实际需要来决定。

结语：

除了以上几种方法外，还有flash、在服务器上设置代理页面等跨域方式，这里就不做介绍了。

以上四种方法，可以根据项目的实际情况来进行选择应用，个人认为window.name的方法既不复杂，也能兼容到几乎所有浏览器，这真是极好的一种跨域方法。

㈢ jsonp的跨域只能采用get请求方式解决吗

可以。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成(网络传输速度快)。

㈣ 如何在java代码中执行jsonp请求

首先你要知道jsonp工作原理，实质上也就是利用了一些旁门左道（浏览器对资源文件无限制的特点）来进行的跨域访问，能共用的技术是http，所以在java里可以使用httpclient工具来发送http请求，并把请求做成jsonp的请求模样就行了。

㈤ jsonp服务端怎么写java

JSON是数据格式，用在同源异步请求的返回结果。 JSONP是一种跨域请求方式，其原理就是

㈥ java jsonp怎么转换成map

这个问题问得不对吧，JSONP是一种跨域技术，MAP是一种数据结构；两者不可能转换

㈦ 为什么已经用了jsonp了，还是存在跨域问题

使用jsonp解决跨域问题，不仅需要前端来改代码，还需要后端来设置

㈧ jsonp返回的数据是什么格式

jsonp主要是为了解决跨域访问问题而产生的，其返回的数据格式一般就是一个js脚本，这个脚本有以下特点：

1. 返回的js脚本通常是服务端动态生成的。

2. 整个脚本通常有且仅有一条语句，且是一个函数调用。

3. 脚本中调用到的函数，是页面上存在的一个函数，其函数名通过get参数传递给服务端，服务端再将其回写到js脚本中。

4. 函数的参数，是服务端处理后的结果数据，以json格式直接写在脚本中。这也是jsonp得名的由来。

因为，ajax是不允许跨域访问的，所以要从其他站点获取数据时，就需要经过一些特殊的手段才行，jsonp就是一种成本比较低的手段（此外还有服务端代理等方式）。jsonp主要是利用了<script><img><iframe>标签可以跨域访问的特点。具体的步骤如下：

1. 首先，在本地页面上事先准备好一个用于接受返回数据的函数，比如：function showList(listdata){...};

2. 其次，在需要的时点静态或动态地创建一个标签，比如：<script type="text/javascript" src="http://another.website/jsonp_call?arg1=xx&arg2=xx&callback=showList"></script>，其中：

1. another.website：是另外一个站点的域名或ip地址。

2. jsonp_call：是该站点提供的一个动态内容访问的服务，可用php、java等任何技术实现。

3. arg1、arg2：是该服务所需要的参数

4. callback：是用于返回结果的回调函数名。

3. 然后，another.website站点接收到这个jsonp_call的请求后，进行相应的处理，并将放回的结果封装为一个js脚本，其内容类似这样的形式：showList([{id:1,name:'a'}, {id:2,name:'b'}, ..., {id:n,name:'NNN'}]);

4. 最后，结果返回到客户端后，就会自动解析并执行这个showList函数。

这样就完成了从“向其他站点发起请求”到“接收其他站点的应答数据”的整个过程，并且突破了ajax跨域访问的限制。

㈨ java为什么会有跨域问题

前言

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

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

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

• 域名相同

• 协议相同

• 端口相同
  

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

URL

说明

是否允许通信

http://www.a.com/a.js
http://www.a.com/b.js 同一域名 允许

http://www.a.com/a.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 同一域名不同协议 不允许

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

㈩ 如何解决ajax跨域问题

1.通过中间过渡层解决跨域问题

（1）通过Web代理服务器将不同域的应用统一通过代理服务器进行隔离，所有的应用都在一个域名下面了。（比如apache，nginx等）


（2）跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作。


2.通过<script>标签解决跨域问题
注意：凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>
示例：
前台脚本：

Java代码
<script type="text/javascript">
var flightHandler = function(data){
alert('你查询的航班结果是：票价 ' + data.price + ' 元，' + '余票 ' + data.tickets + ' 张。');
};

var url = "http://abc.com:8080/AjaxCrossDomain/data/data.jsp?code=CA1998&callback=flightHandler";

var script = document.createElement('script');
script.setAttribute('src', url);

document.getElementsByTagName('head')[0].appendChild(script);
</script>

后台data.jsp内容：

Java代码
<%@ page language="java" pageEncoding="UTF-8"%>
<%
String callback = request.getParameter("callback");

StringBuilder builder = new StringBuilder();
builder.append(callback).append("({").append("\"code\": \"CA1998\",").append("\"price\": 1780,").append("\"tickets\": 5").append("});");
out.println(builder.toString());
%>


使用jquery的jsonp来实现跨域访问，例子如下：
Java代码
<script type="text/javascript">
$(function(){
$.ajax({
type: "get",
async: false,
url: "http://abc.com:8080/AjaxCrossDomain/jsonp/data.jsp",
dataType: "jsonp",
jsonp: "callback",
jsonpCallback:"flightHandler",
success: function(json){
alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');
},
error: function(){
alert('fail');
}
});
});

</script>