問題:
前面開發(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è)試了下仍然被瀏覽器所攔截。
您可能感興趣的文章:- 淺析ajax請(qǐng)求json數(shù)據(jù)并用js解析(示例分析)
- Ajax請(qǐng)求中的異步與同步,需要注意的地方說明
- AJAX跨域請(qǐng)求json數(shù)據(jù)的實(shí)現(xiàn)方法
- Ajax請(qǐng)求內(nèi)嵌套Ajax請(qǐng)求示例代碼
- 如何將ajax請(qǐng)求返回的Json格式數(shù)據(jù)循環(huán)輸出成table形式
- Ajax請(qǐng)求在數(shù)據(jù)量大的時(shí)候出現(xiàn)超時(shí)的解決方法
- 多ajax請(qǐng)求的各類解決方案(同步, 隊(duì)列, cancel請(qǐng)求)
- ajax請(qǐng)求亂碼的解決方法(中文亂碼)
- ajax 同步請(qǐng)求和異步請(qǐng)求的差異分析
- 在實(shí)戰(zhàn)中可能碰到的幾種ajax請(qǐng)求方法詳解