终结: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方法内只设置参数
posted @ 2021-12-22 15:35  wzyandi  阅读(245)  评论(0)    收藏  举报