脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → ajax 打开新窗口被拦截

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

 更新时间：2017年01月05日 10:28:23   作者：qukaiwei  
最近在做支付时发现打开支付窗口时被浏览器拦截了，怎么回事呢？下面小编给大家分享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打开新窗口被浏览器拦截的两种解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 往xml中更新节点的实例代码

    往xml中更新节点的实例代码

    下面小编就为大家带来一篇往xml中更新节点的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • AJAX检测用户名是否存在的方法

    AJAX检测用户名是否存在的方法

    这篇文章主要为大家详细介绍了AJAX检测用户名是否存在，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 编写轻量ajax组件第三篇实现

    编写轻量ajax组件第三篇实现

    这篇文章主要为大家详细介绍了轻量ajax组件编写第三篇实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 用AJAX实现页面登陆以及注册用户名验证的简单实例

    用AJAX实现页面登陆以及注册用户名验证的简单实例

    下面小编就为大家带来一篇用AJAX实现页面登陆以及注册用户名验证的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • AJAX开发技术在PHP开发中的简单应用技巧

    AJAX开发技术在PHP开发中的简单应用技巧

    AJAX无疑是2005年炒的最热的Web开发技术之一，当然，这个功劳离不开Google。我只是一个普通开发者，使用AJAX的地方不是特别多，我就简单的把我使用的心得说一下。（本文假设用户已经具有JavaScript、HTML、CSS等基本的Web开发能力）
    2010-04-04
  • Ajax异步请求的五个步骤及实战案例

    Ajax异步请求的五个步骤及实战案例

    通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,下面这篇文章主要给大家介绍了关于Ajax异步请求的五个步骤及实战案例的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • Ajax实现局部刷新的方法实例

    Ajax实现局部刷新的方法实例

    这篇文章主要给大家介绍了关于Ajax实现局部刷新的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • AJAX请求是否真的不安全？谈一谈Web安全与AJAX的关系

    AJAX请求是否真的不安全？谈一谈Web安全与AJAX的关系

    Ajax中没有固有的安全漏洞，但是对该技术向量的适配显著地改变了网络应用的开发途径以及方法论。AJAX请求的安全性是大家经常会谈论的一个话题，AJAX请求是否真的不安全？下面这篇文章就来给大家详细谈一谈Web安全与AJAX关系的相关资料，需要的朋友可以参考下。
    2018-01-01
  • AJAX中文乱码解决新方法分享

    AJAX中文乱码解决新方法分享

    用过AJAX的朋友肯定知道javascript是使用UTF-8国际编码，即每个汉字用3个字节来存储，但是这就造成了用AJAX来send数据的时候出现乱码。
    2014-05-05
  • Ajax请求中的异步与同步，需要注意的地方说明

    Ajax请求中的异步与同步，需要注意的地方说明

    默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行
    2012-04-04

最新评论