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回調打開新窗體防止瀏覽器攔截的兩種方法,希望對大家的學習有所幫助。
您可能感興趣的文章:- JS 攔截全局ajax請求實例解析
- Ajax請求響應中用window.open打開新窗口被攔截的解決方法
- Node.js服務器環境下使用Mock.js攔截AJAX請求的教程
- 在Java的Struts中判斷是否調用AJAX及用攔截器對其優化
- ajax請求成功后新開窗口window.open()被攔截解決方法
- jquery ajax 向后臺傳遞數組參數示例
- jquery中ajax使用error調試錯誤的方法
- JQuery的Ajax請求實現局部刷新的簡單實例
- jquery的ajax()函數傳值中文亂碼解決方法介紹
- jQuery Ajax異步處理Json數據詳解
- JQuery處理json與ajax返回JSON實例代碼
- Jquery中ajax方法data參數的用法小結
- 解決攔截器對ajax請求的攔截實例詳解