zoukankan      html  css  js  c++  java
  • 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 {
                     
                  }
                }
              });

    供大家参考。

  • 相关阅读:
    IMYSQL-叶金荣
    mysql命令
    实效云计算用户组(ECUG) 与 阿里云
    GO 语言
    MYSQL 源代码编绎脚本
    MYSQL 源代码学习
    LINUX 性能工具使用
    CentOS 5.8 上安装 systemtap-2.6 转
    mysql php nginx
    redis 安装
  • 原文地址:https://www.cnblogs.com/lisiyang/p/8432571.html
Copyright © 2011-2022 走看看