这次给大家带来ajax回调打开新窗体时怎样不被浏览器拦截,ajax回调打开新窗体时不被浏览器拦截的注意事项有哪些,下面就是实战案例,一起来看一下。
ajax回调打开新窗体防止浏览器拦截,就这么做!
问题剖析:
function click_fun(){
window.open(www.baidu.com);//能打开
$.ajax({
'url': '${pagecontext.request.contextpath}/activity/saveprizes.htm',
'type': 'post',
'datatype': 'json',
'data': data,
success: function (data) {
window.open(www.baidu.com);//被拦截
},
error:function(){
}
});
}
分析:
打开新窗体只能在点击事件内触发,点击事件内的回调函数内打开窗体会被拦截,浏览器会认为是广告弹窗之类的代码
解决1:
function click_fun_new(){
var tempwindow=window.open();//先打开临时窗体,由于是点击事件内触发,不会被拦截
$.ajax({
'url': '${pagecontext.request.contextpath}/activity/saveprizes.htm',
'type': 'post',
'datatype': 'json',
'data': data,
success: function (data) {
tempwindow.location = www.baidu.com;//当回调的时候更改临时窗体的路径
},
error:function(){
tempwindow.close();//回调发现无需打开窗体时可以关闭之前的临时窗体
}
});
}
解决2:
function click_fun_new(){
var flag = false;
$.ajax({
'url': '${pagecontext.request.contextpath}/activity/saveprizes.htm',
'type': 'post',
'datatype': 'json',
'data': data,
'async':false,//同步请求
success: function (data) {
$(#a).attr(href,www.baidu.com);//当回调的时候更改页面上或创建的某个a标签的href
flag = true;//更改标志
},
error:function(){
}
});
if(flag){
$(#a).click();//href属性更改后模拟点击
}
}
以上就是ajax回调打开新窗体防止浏览器拦截的两种方法,希望对大家的学习有所帮助。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
jsonp解决ajax的跨域问题
jsonp怎么处理ajax的跨域访问
以上就是ajax回调打开新窗体时怎样不被浏览器拦截的详细内容。