jquery+jsonp跨域请求注意事项
2015-06-05 08:39
609 查看
jsop跨域请求需要注意几点:
1、请求方法必须为get方法
2、请求需要加上dataType:'jsonp' jsonpCallback:'callback'
3、后台方法也是设置的如下,
String callback = this.getRequest().getParameter("callback");
String jsoncallback = callback + "({'result':"+result+"})";
PrintWriter out = this.getResponse().getWriter();
out.print(jsoncallback);
out.flush();
out.close();
4、前端 jsonpCallback要与后台打印流printwriter前面的方法一致:
jsonpCallback:'callback' 和String jsoncallback = callback + "({'result':''+result+"})",callback方法一致
5、这种情形少见,我的jq是1.11.1版本的,后台是php,之前的四个都没问题,但是也是出不来,后来在url上也加了&callback=?。我的前端请求如下:
var urls = "域名/plus/digg_ajax.php?action=good&id=" + d + "&callback=?";
$.ajax({
type:'get',
url:urls,
cache: false,
data:{},
dataType:'jsonp',
jsonpCallback:'jsoncallback',
success:function(res){
console.info("之前不执行!!!");
}
});
其他情况我暂时没遇到,欢迎交流~
1、请求方法必须为get方法
2、请求需要加上dataType:'jsonp' jsonpCallback:'callback'
3、后台方法也是设置的如下,
String callback = this.getRequest().getParameter("callback");
String jsoncallback = callback + "({'result':"+result+"})";
PrintWriter out = this.getResponse().getWriter();
out.print(jsoncallback);
out.flush();
out.close();
4、前端 jsonpCallback要与后台打印流printwriter前面的方法一致:
jsonpCallback:'callback' 和String jsoncallback = callback + "({'result':''+result+"})",callback方法一致
5、这种情形少见,我的jq是1.11.1版本的,后台是php,之前的四个都没问题,但是也是出不来,后来在url上也加了&callback=?。我的前端请求如下:
var urls = "域名/plus/digg_ajax.php?action=good&id=" + d + "&callback=?";
$.ajax({
type:'get',
url:urls,
cache: false,
data:{},
dataType:'jsonp',
jsonpCallback:'jsoncallback',
success:function(res){
console.info("之前不执行!!!");
}
});
其他情况我暂时没遇到,欢迎交流~
相关文章推荐
- jQuery系列:选择器
- ASP.NET MVC和WebForm 轻松实现前端和后端的双重验证 jquery.validate+ValidationSugar
- Jquery on() load event on a single element
- jQuery插件Slider Revolution实现响应动画滑动图片切换效果
- jQuery实现弹出窗口中切换登录与注册表单
- jQuery实现表格行上下移动和置顶效果
- jQuery+HTML5实现手机摇一摇换衣特效
- 基于jQuery+JSON的省市二三级联动效果
- jQuery插件EnPlaceholder实现输入框提示文字
- jQuery插件jRumble实现网页元素抖动
- jQuery插件bgStretcher.js实现全屏背景特效
- jquery超简单实现手风琴效果的方法
- jQuery判断一个元素是否可见的方法
- jQuery实现延迟跳转的方法
- jquery判断至少有一个checkbox被选中的方法
- jquery实现点击label的同时触发文本框点击事件的方法
- PhoneGap与Jquery Mobile组合开发android应用的配置
- jquery性能优化
- jquery动画
- jquery实现弹出确认是否删除的一个简单代码