ajax请求成功后新开窗口window.open()被拦截解决方法
更新时间：2014年09月03日 10:28:41 投稿：whsnow
ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是很可惜被浏览器给拦截了，怎么解决这个问题呢
问题：
前面开发项目时碰到一个问题，ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是很可惜被浏览器给拦截了，怎么解决这个问题呢？
分析：
浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的，所以它认为这是不安全的就拦截了（不过如果是 _self 的话就不会有这个限制），即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为（trigger('click')），浏览器也会认为不是由用户主动触发的，因此不能被安全执行，所以被拦截。
解决方法：
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;
}
});
});
最后需要说明的是：网上的动态添加 form 新开窗口的方法，并不适合 ajax 请求，至少博主测试了下仍然被浏览器所拦截。
相关文章
这篇文章主要介绍了ajax的get请求时缓存处理解决方法,详细分析了常见的四种解决方法,非常具有实用价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了AJAX简单测试代码,以一个简单实例分析了Ajax的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
在(ASP/PHP/JSP/html/js)中禁止ajax缓存的方法集锦
禁止ajax缓存最简单的办法就是在js端直接生成一个随机数了，但是有时会发现此方法不适用于post了，如果我们要禁止post 提交数据的ajax缓存需要怎么处理呢，下面我整理了很多关于禁止ajax缓存的例子2014-08-08
详解Ajax和form+iframe 实现文件上传的方法(两种方式)
文件上传功能在项目中经常会用到，本文给大家介绍两种文件上传的实现——Ajax和form+iframe，感兴趣的朋友一起学习吧2016-04-04
这篇文章主要介绍了ajax调用中ie缓存问题解决方法,较为详细的分析了ajax调用中ie缓存机制的原理与具体解决方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了React+ajax+java实现上传图片并预览功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了Ajax表单异步上传文件实例代码（包括文件域）,非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
客户端String.php,服务器端String_check.php，很简单的实现。2009-11-11
很多登录界面都有验证码功能局部刷新效果，接下来通过本文给大家分享ajax实现带有验证码的局部刷新登录界面，感兴趣的朋友一起看看吧2016-09-09
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。这篇文章主要介绍了Spring MVC+ajax进行信息验证,需要的朋友可以参考下2019-09-09
最新评论