問題:
前面開發(fā)項目時碰到一個問題,ajax 異步請求成功后需要新開窗口打開 url,使用的是 window.open() 方法,但是很可惜被瀏覽器給攔截了,怎么解決這個問題呢?
分析:
瀏覽器之所以攔截新開窗口是因為該操作并不是用戶主動觸發(fā)的,所以它認為這是不安全的就攔截了(不過如果是 _self 的話就不會有這個限制),即使 ajax 回調函數(shù)中模擬執(zhí)行 click 或者 submit 等用戶行為(trigger('click')),瀏覽器也會認為不是由用戶主動觸發(fā)的,因此不能被安全執(zhí)行,所以被攔截。
解決方法:
1、異步改為同步,即:async:false
2、將新開窗口指向為一個對象,然后修改對象的 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)上的動態(tài)添加 form 新開窗口的方法,并不適合 ajax 請求,至少博主測試了下仍然被瀏覽器所攔截。
您可能感興趣的文章:- 淺析ajax請求json數(shù)據(jù)并用js解析(示例分析)
- Ajax請求中的異步與同步,需要注意的地方說明
- AJAX跨域請求json數(shù)據(jù)的實現(xiàn)方法
- Ajax請求內(nèi)嵌套Ajax請求示例代碼
- 如何將ajax請求返回的Json格式數(shù)據(jù)循環(huán)輸出成table形式
- Ajax請求在數(shù)據(jù)量大的時候出現(xiàn)超時的解決方法
- 多ajax請求的各類解決方案(同步, 隊列, cancel請求)
- ajax請求亂碼的解決方法(中文亂碼)
- ajax 同步請求和異步請求的差異分析
- 在實戰(zhàn)中可能碰到的幾種ajax請求方法詳解