• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax打开新窗口被浏览器拦截的两种解决办法

    最近在做支付时发现打开支付窗口时被浏览器拦截了,百度了一下才发现是因为打开窗口前用ajax验证是否能支付,所以不是用户主动触发的打开ixin窗口,浏览器认为这样不安全,所以给拦截了。

    解决办法一

    先开始打开一个空的新窗口,然后改变新窗口的url,具体代码为

    var wd = window.open();
    $.ajax({
      type: "POST",
      dataType: "json",
      url: URL,
      data: {orderNo:orderNo},
      success: function(data) {
        if(data.status=='success'){
          wd.location.href = 'http://www.baidu.com';
        }else{ 
          alert('订单不能支付!'); 
        }
      },error: function(data) {
        alert("正在加载请稍后!");
      }
    });

    这种实现方式有个弊端,就是不管ajax有没有成功,都会执行 var wd = window.open();这行代码,所以成功和失败都会打开一个新窗口,除非在失败后进行关闭,但这样用户体验会非常不好,所以我用的第二种方式去实现的。

    解决办法二

    因为ajax是默认是异步的,这样性能高,用户体验好,但这也导致了安全问题,要让浏览器认为弹出新窗口是安全的,必须让弹新窗口之前所有的ajax是同步的,具体代码为

    $.ajax({
      type: "POST",
      dataType: "json",
      url: URL,
      async: false,//同步请求
      data: {orderNo:orderNo},
      success: function(data) {
         if(data.status=='success'){
           window.open("www.baidu.com");
         }else{
           alert('订单不能支付!');
         }
      },
      error: function(data) {
        alert("正在加载请稍后!");
      }
    });

    以上所述是小编给大家介绍的Ajax打开新窗口被浏览器拦截的两种解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • Ajax请求响应中用window.open打开新窗口被拦截的解决方法
    • Ajax请求成功后打开新窗口地址
    • ajax怎么打开新窗口具体如何实现
    上一篇:Ajax提交表单页面刷新很快的解决方法
    下一篇:使用Ajax进行文件与其他参数的上传功能(java开发)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Ajax打开新窗口被浏览器拦截的两种解决办法 Ajax,打开,新窗口,新,窗口,