Java+jquery+jsonp实现跨域
2017-02-14 17:02
330 查看
jquery端代码
$.ajax({
async:false,
url: 'http://www.**.com/**/jsonp', // 跨域URL
dataType: 'jsonp',
timeout: 5000,
success: function (json) {
alert(JSON.stringify(json));
}
});
java web端代码
@ResponseBody
@RequestMapping(value = "/jsonp",method=RequestMethod.GET)
public String jsonp(HttpServletRequest request) {
String callback =request.getParameter("callback");
return callback+"([{name:'jsonp',age:'30'},{name:'jack',age:'90'}])";
}
执行结果
[{"name":"jsonp","age":"30"},{"name":"jack","age":"90"}]
以上是不指定任何参数,jquery自动传递一个callback参数到后台,成功后,回调success函数。
$.ajax({
async:false,
url: 'http://www.**.com/**/jsonp', // 跨域URL
dataType: 'jsonp',
jsonp:'jsoncallback',//自定义参数名称
timeout: 5000,
success: function (json) {
alert(JSON.stringify(json));
}
});
java web端代码
@ResponseBody
@RequestMapping(value = "/jsonp",method=RequestMethod.GET)
public String jsonp(HttpServletRequest request) {
String jsoncallback=request.getParameter("jsoncallback");//指定接受参数为jsoncallback
return jsoncallback+"([{name:'jsonp',age:'30'},{name:'jack',age:'90'}])";
}
以上是自定义参数名称,后台指定接受通过jsonp冒号传递的函数名称。
$.ajax({
async:false,
url: 'http://www.**.com/**/jsonp', // 跨域URL
dataType: 'jsonp',
jsonp:'jsoncallback',//自定义参数名称
jsonpCallback:"success_jsonpCallback",//定义回调函数名称
timeout: 5000,
success: function (json) {
alert(JSON.stringify(json));
}
});
var success_jsonpCallback=function(json){
alert(JSON.stringify(json)+"********");
}
执行结果
[{"name":"jsonp","age":"30"},{"name":"jack","age":"90"}]********
[{"name":"jsonp","age":"30"},{"name":"jack","age":"90"}]
以上是自定义回调函数名称,执行成功后,先执行jsonpCallback定义的回调函数,后执行success函数。
$.ajax({
async:false,
url: 'http://www.**.com/**/jsonp', // 跨域URL
dataType: 'jsonp',
timeout: 5000,
success: function (json) {
alert(JSON.stringify(json));
}
});
java web端代码
@ResponseBody
@RequestMapping(value = "/jsonp",method=RequestMethod.GET)
public String jsonp(HttpServletRequest request) {
String callback =request.getParameter("callback");
return callback+"([{name:'jsonp',age:'30'},{name:'jack',age:'90'}])";
}
执行结果
[{"name":"jsonp","age":"30"},{"name":"jack","age":"90"}]
以上是不指定任何参数,jquery自动传递一个callback参数到后台,成功后,回调success函数。
$.ajax({
async:false,
url: 'http://www.**.com/**/jsonp', // 跨域URL
dataType: 'jsonp',
jsonp:'jsoncallback',//自定义参数名称
timeout: 5000,
success: function (json) {
alert(JSON.stringify(json));
}
});
java web端代码
@ResponseBody
@RequestMapping(value = "/jsonp",method=RequestMethod.GET)
public String jsonp(HttpServletRequest request) {
String jsoncallback=request.getParameter("jsoncallback");//指定接受参数为jsoncallback
return jsoncallback+"([{name:'jsonp',age:'30'},{name:'jack',age:'90'}])";
}
以上是自定义参数名称,后台指定接受通过jsonp冒号传递的函数名称。
$.ajax({
async:false,
url: 'http://www.**.com/**/jsonp', // 跨域URL
dataType: 'jsonp',
jsonp:'jsoncallback',//自定义参数名称
jsonpCallback:"success_jsonpCallback",//定义回调函数名称
timeout: 5000,
success: function (json) {
alert(JSON.stringify(json));
}
});
var success_jsonpCallback=function(json){
alert(JSON.stringify(json)+"********");
}
执行结果
[{"name":"jsonp","age":"30"},{"name":"jack","age":"90"}]********
[{"name":"jsonp","age":"30"},{"name":"jack","age":"90"}]
以上是自定义回调函数名称,执行成功后,先执行jsonpCallback定义的回调函数,后执行success函数。
相关文章推荐
- jQuery+Ajax+jsonp+java实现跨域访问
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- window.name和JSONP的跨域实现(jQuery).
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- jquery jsonp实现跨域
- jsonp jquery jersey 实现跨域访问
- MVC+JQuery实现跨域Jsonp调用Js
- jquery的ajax实现跨域调用---jsonp
- JQuery,ajax,jsonp,struts实现跨域
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- Jquery之AJAX COOKIES跨域请求 - JSONP实现方法
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- MVC+JQuery实现跨域Jsonp调用Js
- jquery下利用jsonp跨域访问实现方法
- 使用 JSONP 实现跨域通信,第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- 使用 JSONP 实现跨域通信,第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup
- MVC+JQuery实现跨域Jsonp调用Js
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据