当前位置:首页 > 短网址资讯 > 正文内容

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

www.ft12.com9年前 (2017-07-29)短网址资讯2620
ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢
 

问题:

前面开发项目时碰到一个问题,ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢?
分析:

浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限制),即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截。
解决方法:

1、异步改为同步,即:async:false

2、将新开窗口指向为一个对象,然后修改对象的 url,比如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('.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 请求,至少博主测试了下仍然被浏览器所拦截。

扫描二维码推送至手机访问。

版权声明:本文由短链接发布,如需转载请注明出处。

本文链接:https://www.ft12.com/article_357.html

分享给朋友:

相关文章

FT12短网址 | MySQL阿里实践经典案例之参数调优最佳实践

FT12短网址 | MySQL阿里实践经典案例之参数调优最佳实践

写在前面的话最近,不少RDS用户在后台咨询,如何调优RDS MySQL的参数。长假天儿,学习天儿。本期,我们特别邀请到阿里云资深RDS专家玄惭撰文解答:哪一些参数不能修改,比如短网址的api里面的参数都是不能改的那一些参数可以修改这些提供修...

短地址实现原理及应用分析

360app.ft12.com主要规划用来在各种内容出书中运用。根据 不同类型的出书效劳不同,该短网址的运用方法也不相同,其大致可以分为传统纸质出书、电子出书和在二维码中的应用。1、短网址纸质出书物中应用  简短的网络地址使得在传统纸质出书...

PHP 进阶之路 - 亿级 pv 网站架构实战之性能压榨

本博客并非全部原创,其实是一个知识的归纳和汇总,里面我引用了很多网上、书上的内容。也给出了相关的链接。本文涉及的知识点比较多,大家可以根据关键字去搜索相关的内容和购买相应的书籍进行系统的学习。不对的地方大家予以批评指正。有人给我留言说,亿级...

《网贷信息披露指引》正式发布,行业到了最关键的时刻!

《网贷信息披露指引》正式发布,行业到了最关键的时刻!

[ FT12短网址资讯 ] 接下来还会有一批不合格企业露出底牌,继而退出。留下最优质的一部分,方能激活整个行业。图片来自“123rf.com.cn”2017年8月25日,银监会正式发布《网络借贷信息中介机构业务活动信息披露指引》。...

如何成为牛逼的产品经理?硅谷连续创业者这样说

编者注:Jim Patterson,“大麻界的Uber”Eaze的首席执行官,深谙产品之道的企业家,曾联合创办包括DineOnMe、AudioCaseFiles、Zinc在内的多家公司,并曾担任过诸多企业的首席产品官。  五年前,Clove...

FT12短网址:人工智能一面是智能,另一面一定要接近于人

FT12短网址:人工智能一面是智能,另一面一定要接近于人

[ FT12短网址资讯 ] 本文作者采访到促进小冰项目的微软全球资深副总裁、微软(亚洲)互联网工程院院长王永东,他回忆了自个作业经历与职业变迁的交错,经过微软小冰项目的开展进程描绘了微软(亚洲)互联网工程院是怎样推动内部立异。图像...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。