Ajax打开新窗口被浏览器拦截的两种解决办法
2017-01-05 10:28
531 查看
最近在做支付时发现打开支付窗口时被浏览器拦截了,百度了一下才发现是因为打开窗口前用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打开新窗口被浏览器拦截的解决办法
- 解决ajax返回打开新窗口被浏览器拦截问题
- ajax请求响应中用window.open打开新窗口会被浏览器拦截的解决方式
- ajax请求之后 用新窗口打开 防止浏览器阻止和拦截
- MFC 多文档 自定义浏览器新打开窗口解决办法
- Ajax请求响应中用window.open打开新窗口被拦截的解决方法
- IE9 浏览器打开总是有两个窗口的解决办法
- js打开新窗口被浏览器拦截的解决方法
- ajax后 使用window.open() 浏览器出现拦截的解决办法
- Ajax提交打开新窗口,浏览器拦截处理;以及跨域问题
- 浏览器弹出窗口被拦截解决办法
- 浏览器弹出窗口被拦截解决办法
- window.open打开新窗口,防止浏览器阻止弹窗解决办法
- ajax打开新窗口window.open()被拦截的解决方法
- 关于浏览器新窗口打开被拦截的解决方法
- showmodaldialog模式窗口提交打开新页面的解决办法
- Form提交打开固定大小窗口的解决办法
- 模态窗口中提交表单时总在新窗口打开的解决办法
- IE6-7下iframe隐藏提交时新窗口打开解决办法 ie6下找不到对象
- VC++6.0无法打开文件的解决办法(一点打开窗口就自动关闭了)