终结:Ajax请求响应中用window.open打开新窗口被拦截的解决方法
原答案:https://stackoverflow.com/questions/10223388/window-open-works-different-on-ajax-success
// Direct window.open()
//我们常见用法
$('#btnDirect').on('click',function(){
window.open('http://google.com')
})
var success = false; //NOTE THIS
// AJAX window.open()
$('#btnAJAX').on("click", function(){
$.ajax({
url: "/user/login/",
context: document.body,
async:false, //NOTE THIS
success: function(){ //THIS ALSO CHANGED
success = true
}
});
if(success){ //AND THIS CHANGED
window.open('http://google.com')
}
})
这里有几个重点:
1.Ajax需要设置为同步方法
async:false
2.
window.open需要放到Ajax方法外部,这样浏览器认为
window.open是由用户触发而不是服务器主动打开的,Ajax方法内只设置参数