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

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

www.ft12.com8年前 (2017-07-29)短网址资讯2540
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

分享给朋友:

相关文章

分享6款好用的WordPress插件,让你网站具有短网址跳转功能

分享6款好用的WordPress插件,让你网站具有短网址跳转功能

啥是跳转连接我想大家也知道吧?就是像微博的短网址相同,比如翻开ft12.ocm/xxx  实际是跳转到其它网站页面。那么啥情况下跳转连接呢?运用短网址,坚持连接一致美观性。削减页面权重丢失。躲藏一些短链接(比如推行链接、taoba...

t.cn短链接的今生与前世

也许是无意之作,t.cn短链接就非常突兀的出现在了新浪微博,这个事情还得从新浪微博的发展说起。2010左右,新浪推出了微博并一举威胁到了腾讯的QQ空间,顿时间无人不刷微博。逐渐的,微博成了人们生活中不可或缺的一个应用,无论是吃饭、睡觉、走路...

HTTP的长连接和短连接

HTTP的长连接和短连接

 本文总结&分享网络编程中涉及的长连接、短连接概念。    关键字:Keep-Alive,并发连接数限制,TCP,HTTP一、什么是长连接     HTTP1.1...

如何拿下80亿美金的阿拉伯市场?|物流篇

【FT12短网址资讯】拥有3.39亿人口、网络零售商场规模约为80亿美元的阿拉伯国家,尚处于跨境电商的“蓝海”商场,而物流这一关键环节则抬高了壁垒。据亿邦动力研究院Victor从阿拉伯国家调研的成果,出口电商接下来将对阿拉伯商场从发现商机、...

人工智能+广告服务,Deepleaper获A轮1800万元融资

人工智能+广告服务,Deepleaper获A轮1800万元融资

[ ft12短网址导读 ] 2017年5月19日消息。旨在通过人工智能技术手段,提升广告效率的初创公司Deepleaper(跃盟科技)日前正式宣布完成由洪泰基金领投的A轮融资,融资金额1800万元。2017年5月19日消息。日前,...

FT12短网址:Tcp长连接与短连接对高并发的影响

1、Tcp树立连接需求三次握手,断开连接需求四次握手。2、tcp树立连接后将会在操作系统内核内存中保护四元组方针(源ip,源port,方针ip,方针port)。3、tcp在断开连接时,自动断开方四元组将会处于time_wait状况,一起源p...

发表评论

访客

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