ajax請(qǐng)求成功后新開窗口window.open()被攔截解決方法
問題:
前面開發(fā)項(xiàng)目時(shí)碰到一個(gè)問題,ajax 異步請(qǐng)求成功后需要新開窗口打開 url,使用的是 window.open() 方法,但是很可惜被瀏覽器給攔截了,怎么解決這個(gè)問題呢?
分析:
瀏覽器之所以攔截新開窗口是因?yàn)樵摬僮鞑⒉皇怯脩糁鲃?dòng)觸發(fā)的,所以它認(rèn)為這是不安全的就攔截了(不過如果是 _self 的話就不會(huì)有這個(gè)限制),即使 ajax 回調(diào)函數(shù)中模擬執(zhí)行 click 或者 submit 等用戶行為(trigger('click')),瀏覽器也會(huì)認(rèn)為不是由用戶主動(dòng)觸發(fā)的,因此不能被安全執(zhí)行,所以被攔截。
解決方法:
1、異步改為同步,即:async:false
2、將新開窗口指向?yàn)橐粋€(gè)對(duì)象,然后修改對(duì)象的 url,比如:
$('.task').bind('click',function(){
var w = window.open();
$.ajax({
type: 'POST',
url: '/surveyTask',
dataType: 'json',
error: function(){
w.close();
},
success: function(res){
w.location = res.url;
}
});
});
最后需要說明的是:網(wǎng)上的動(dòng)態(tài)添加 form 新開窗口的方法,并不適合 ajax 請(qǐng)求,至少博主測(cè)試了下仍然被瀏覽器所攔截。
- JS判斷鼠標(biāo)進(jìn)入容器的方向與window.open新窗口被攔截的問題
- Ajax請(qǐng)求響應(yīng)中用window.open打開新窗口被攔截的解決方法
- window.open不被攔截的簡(jiǎn)單實(shí)現(xiàn)代碼(推薦)
- window.open打開窗口被攔截的快速解決方法
- js實(shí)現(xiàn)window.open不被攔截的解決方法匯總
- window.open關(guān)于瀏覽器攔截問題分析及解決方法
- window.open不被攔截的實(shí)現(xiàn)代碼
- window.open被瀏覽器攔截后的自定義提示效果代碼
- 解決window.open()被瀏覽器攔截的問題
相關(guān)文章
ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能示例
jQuery+Ajax+PHP實(shí)現(xiàn)“喜歡”評(píng)級(jí)功能附源碼下載
Axios和Ajax的區(qū)別是什么(詳細(xì)介紹)

