您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

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

51自学网 2022-02-21 10:52:43
  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打开新窗口被浏览器拦截的两种解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对51zixue.net网站的支持!


下载地址:
Ajax提交表单页面刷新很快的解决方法
使用Ajax进行文件与其他参数的上传功能(java开发)
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。