js 异步操作打开新页面被浏览器拦截的问题

最近开发过程中需要进行接口认证才能打开新窗口的需求代码如下

          // getMatchBase(.....).then(//   result => { //      win.open('/matchDetail.html?id=' + matchId);//   },//   error => {//     .......//      win.close();//   }// )

浏览器只有在认为click和submit在打开新窗口时（如果是_self则不会有此限制），这些操作是由用户主动触发时才是安全可以被执行，而ajax回调函数中去执行click和submit被浏览器认为不是由用户主动触发的，因此不能被安全执行，所以被拦截。

但是由于异步操作的原因，浏览器会因为安全因素拦截，造成用户体验不好，目前为止我找到的靠谱的解决方法如下

将ajax请求设置为同步，

          $.ajax({url: ,data:{  }, async:false,complete: function(data){if(data.readyState == 4 && data.status == 200) {window.open('/matchDetail.html?id=' + matchId);} else {}}});

供大家参考。

转载于:https://www.cnblogs.com/lisiyang/p/8432571.html

js 异步操作打开新页面被浏览器拦截的问题相关推荐

js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法 1.利用window.opener.location.href这个方法. 方式:父页面 window.open('.. ...
window.open打开新窗口被浏览器拦截的处理方法
一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.loca ...
vue 路由跳转打开新窗口(被浏览器拦截)
今天做了一个功能是点击按钮路由跳转打开新的窗口页面第一种方法 <router-link target="_blank" :to="{path:'/FundMang ...
ajax回调打开新窗体防止浏览器拦截方法
2019独角兽企业重金招聘Python工程师标准>>> 问题剖析: function click_fun(){ window.open("www.baidu.com&quo ...
基于vue，解决打开新窗口被浏览器拦截的问题
首先,我们先来说一下在什么情况下,新窗口会被阻截,以及阻截的原因. 当使用 window.open(url,"_blank")打开新窗口时,如果url是通过ajax从后台获取到的 ...
ajax打开新窗口被浏览器拦截的解决办法
最近在做支付时发现打开支付窗口时被浏览器拦截了,百度了一下才发现是因为打开窗口前用ajax验证是否能支付,所以不是用户主动触发的打开ixin窗口,浏览器认为这样不安全,所以给拦截了. 解决办法一先开 ...
window.open()打开新窗口被浏览器拦截
原因:在浏览器的安全机制里面,非用户触发的window.open方法,是会被拦截的. 经过实际测试,Chrome.IE不会拦截,FireFox会拦截. //不会被拦截 $('#btn').click( ...
Ajax提交打开新窗口，浏览器拦截处理；以及跨域问题
//主要是添加同步处理 $.ajax({url: "ashx/OrderHander.ashx?action=CheckRepeat",data: { "OrderId& ...
ajax无法open,ajax中打开新页面使用window.open方法被拦截的解决方法
$('.testA').unbind('click').bind('click',function(){ var result=""; $.ajax({ url:'http://l ...

js 异步操作打开新页面被浏览器拦截的问题

js 异步操作打开新页面被浏览器拦截的问题相关推荐

最新文章

热门文章