jsonp跨域解决方案
来源:互联网 发布:有困难网络求助平台 编辑:程序博客网 时间:2024/06/12 03:51
1.jquery 原生ajax调用,缺点是没有捕获调用的异常信息
$.ajax({
type : "get",
async:false,
url : "http://localhost:11180/xzinterface/jsonpService?action=qryDepartment",
dataType : "jsonp",//数据类型为jsonp
jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数
success : function(data){
alert(data);
},
error:function(){
alert('fail');
}
});
2.使用插件jquery.jsonp.js,可以解决捕获调用的异常信息
$.jsonp({
url:'http://localhost:11180/xzinterface/jsonpService?action=qryDepartment ',
dataType:"jsonp",
callbackParameter:"jsonpCallback",
async:false,
timeout:5000,
success:function(data){
alert(data);
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
//alert("wrong!!");
alert( "ERREUR: " + textStatus);
alert( "ERREUR: " + errorThrown);
},
complete: function(XMLHttpRequest, textStatus) {
// alert("over")
this; // 调用本次AJAX请求时传递的options参数
}
});
以上两个方法调用后的url为:
http://localhost:11180/xzinterface/jsonpService?action=qryDepartment?jsonpCallback='xxxxxx'&_=yyyyy
其中xxxxxxx为自动生成的回调函数名
3.后台代码很简单:
String jsonpCallback = request.getParameter( "jsonpCallback");//客户端请求参数,获取回调函数名
result = jsonpCallback+"(" +service .qryDepartment()+")";//service .qryDepartment()为具体的返回数据
0 0
- jsonp跨域解决方案
- JSONP 跨域解决方案
- 跨域解决方案JSONP
- ajax 跨域访问 jsonp解决方案
- ajax jsonp跨域乱码解决方案
- 数据访问的跨域解决方案:Jsonp
- 跨域请求解决方案之--JSONP
- Jsonp 跨域的原理以及Jquery的解决方案
- Jsonp 跨域的原理以及Jquery的解决方案
- 浅谈 json 与 json的跨域解决方案: jsonp
- Ajax跨域访问解决方案(httpclient、JSONP深入剖析)
- 用JSONP实现的跨域访问的解决方案
- 浅谈Ajax跨域的解决方案——CORS、JSONP
- jsonp实现ajax跨域访问解决方案-java
- Ajax跨域请求解决方案——jsonp
- 跨域常用解决方案之JSONP和CORS
- jsonp 跨域原理:深入浅出 jsonp
- jsonp 跨域访问
- WPF实现Tab页,使用.Resx存放文件
- 黑马程序员—JAVA基础—数组
- 全屏滚动制作!!
- Ubuntu 从14.10升级到15.10
- 华为OJ题目(七):字符串加密
- jsonp跨域解决方案
- codeforces 599B Spongebob and Joke
- 验证码识别 matlab
- 细数JDK里的设计模式
- 浅谈STM32的DMA模块的使用
- 习题3-4 周期串 解题报告
- C语言中三种常见排序算法分析
- Spider 之 URL与urllib2
- matlab的符号计算