ajax回调打开新窗体防止浏览器拦截，就这么做！
问题剖析：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
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：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
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：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
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回调打开新窗体防止浏览器拦截的两种方法，希望对大家的学习有所帮助。
http://www.jb51.net/article/83743.htm