基于vue,解决打开新窗口被浏览器拦截的问题

首先,我们先来说一下在什么情况下,新窗口会被阻截,以及阻截的原因。
当使用 window.open(url,"_blank")打开新窗口时,如果url是通过ajax从后台获取
到的时候,浏览器就会出现拦截的问题。
因为,当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告,不是一个用户希望看到的页面。

那么,我们就要考虑,如何才能将ajax请求的url,不被浏览器拦截呢?
我之前也看过很多方法是说,先在发送ajax之前,打开一个空白页,然后,再将ajax获
取到的url赋给新打开的空白窗口,确实,这样解决了上面说的问题,但是我认为,这样的体验并不好,因为如果,在网速比较慢的情况下,ajax请求的时间过长,url长时间不能赋值,新窗口就会出现空白时间过长的问题。这样用户就可能将空白页手动关掉,从而就会出现一系列的问题。

那么,还有什么方法可以解决呢? 好了,重点来了(此处方法是基于vue的,其他框架或源生,思路是一样的,可以自行研究)
上边我们说了,通过ajax获取到的url,会被浏览器判定为不安全链接,被拦截,那么我们还有没有其他办法呢?当然!前几天,我在一个项目中看到过一个这样的需求,点击按钮,发送ajax,请求一个远程连接的url,将获取到的url放在一个弹框中显示,然

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值