ajax请求成功后新开窗口window.open()被拦截解决方法

ajax异步请求成功后的新窗口打开问题与解决方案

===========================

在开发项目中，我们有时会遇到ajax异步请求成功后需要新开窗口打开url的情况。使用window.open()方法时，可能会被浏览器拦截。这究竟是怎么回事呢？又该如何解决呢？

一、问题分析

浏览器之所以会拦截新开窗口的操作，是因为这个操作并非用户主动触发。浏览器出于安全考虑，会限制非用户主动触发的窗口打开行为。即使是模拟执行click或submit等用户行为（如trigger('click')），如果浏览器判断这不是用户的真实操作，也会被拦截。

二、解决方案

--

针对这个问题，我们可以尝试以下几种解决方案：

1. 异步请求改为同步

将ajax请求的async属性设置为false，使其变为同步请求。这样，可以在请求完成后立即执行新窗口的打开操作。但请注意，同步请求可能会阻塞浏览器，影响用户体验，因此需谨慎使用。

2. 使用窗口对象进行操作

我们可以先创建一个窗口对象，然后在ajax请求成功后再修改该对象的url。例如：

```javascript

$('.task').bind('click', function(){

var w = window.open(); // 新建一个窗口对象

$.ajax({

type: 'POST',

url: '/surveyTask',

dataType: 'json',

error: function(){

w.close(); // 如果出错则关闭窗口

},

success: function(res){ // 注意这里是success，不是suess

w.location = res.url; // 请求成功后设置窗口的url

}

});

});

```

三、额外说明

网上的某些方法如动态添加form来新开窗口，经过测试仍可能被浏览器拦截。我们需要寻找更为稳妥的解决方案。希望以上方法能帮助您解决遇到的问题。请注意优化用户体验，避免过度干扰用户的浏览行为。如有更多疑问或需求，请继续。记得处理好页面渲染逻辑，确保页面正确展示。