ajax回调打开新窗体时怎样不被浏览器拦截

这次给大家带来ajax回调打开新窗体时怎样不被浏览器拦截,ajax回调打开新窗体时不被浏览器拦截的注意事项有哪些,下面就是实战案例,一起来看一下。

ajax回调打开新窗体防止浏览器拦截,就这么做!

问题剖析:

function click_fun(){    window.open("www.baidu.com");//能打开   $.ajax({     'url': '${pageContext.request.contextPath}/activity/savePrizes.htm',     'type': 'post',     'dataType': 'json',     'data': data,     success: function (data) {       window.open("www.baidu.com");//被拦截     },     error:function(){      }   }); }

登录后复制

分析:
打开新窗体只能在点击事件内触发,点击事件内的回调函数内打开窗体会被拦截,浏览器会认为是广告弹窗之类的代码

解决1:

function click_fun_new(){   var tempwindow=window.open();//先打开临时窗体,由于是点击事件内触发,不会被拦截   $.ajax({     'url': '${pageContext.request.contextPath}/activity/savePrizes.htm',     'type': 'post',     'dataType': 'json',     'data': data,     success: function (data) {       tempwindow.location = "www.baidu.com";//当回调的时候更改临时窗体的路径     },     error:function(){       tempwindow.close();//回调发现无需打开窗体时可以关闭之前的临时窗体     }   }); }

登录后复制

解决2:

function click_fun_new(){   var flag = false;   $.ajax({     'url': '${pageContext.request.contextPath}/activity/savePrizes.htm',     'type': 'post',     'dataType': 'json',     'data': data,     'async':false,//同步请求     success: function (data) {       $("#a").attr("href","www.baidu.com");//当回调的时候更改页面上或创建的某个a标签的href       flag = true;//更改标志     },     error:function(){            }   });   if(flag){     $("#a").click();//href属性更改后模拟点击   } }

登录后复制

以上就是ajax回调打开新窗体防止浏览器拦截的两种方法,希望对大家的学习有所帮助。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Jsonp解决ajax的跨域问题

JSONP怎么处理Ajax的跨域访问

以上就是ajax回调打开新窗体时怎样不被浏览器拦截的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2775002.html

(0)
上一篇 2025年3月8日 14:17:16
下一篇 2025年3月8日 14:17:22

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 实现ajax的3种方法

    这次给大家带来实现ajax的3种方法,实现ajax的注意事项有哪些,下面就是实战案例,一起来看一下。 Ajax:  Asynchronous JavaScript and Xml , 异步js脚本和xml , 常用来实现页面局部的异步刷新,…

    2025年3月8日
    200
  • Ajax怎么实现异步用户名验证

    这次给大家带来Ajax怎么实现异步用户名验证,Ajax实现异步用户名验证的注意事项有哪些,下面就是实战案例,一起来看一下。 先看看布局比较简单,效果图如下 ajax功能:     当用户填写好账号切换到密码框的时候,使用ajax验证账号的可…

    2025年3月8日
    200
  • 构造AJAX实现表单JSON转换的方法

    这次给大家带来构造AJAX实现表单JSON转换的方法,构造AJAX实现表单JSON转换的注意事项有哪些,下面就是实战案例,一起来看一下。 ajax提交服务器数据, 整理一下转换方法。 HTML: 登录后复制 1.表单元素转QueryStri…

    编程技术 2025年3月8日
    200
  • SpringMVC环境Ajax异步请求JSON的方法

    这次给大家带来SpringMVC环境Ajax异步请求JSON的方法,SpringMVC环境Ajax异步请求JSON的注意事项有哪些,下面就是实战案例,一起来看一下。 一 环境搭建 首先是常规的spring mvc环境搭建,不用多说,需要注意…

    2025年3月8日
    200
  • ajax读取Json数据的方法

    这次给大家带来ajax读取Json数据的方法,ajax读取Json数据的注意事项有哪些,下面就是实战案例,一起来看一下。 本文给大家分享一下,如何使用ajax读取Json中的数据。 一、基础知识 什么是json? JSON 指的是 Java…

    2025年3月8日
    200
  • AJAX实现无刷新数据分页

    这次给大家带来AJAX实现无刷新数据分页,AJAX实现无刷新数据分页的注意事项有哪些,下面就是实战案例,一起来看一下。 以前在使用Asp.Net的时候用过GridView这个控件,这个控件自带分页的功能,虽然很丑,但是功能还是很强大的。这里…

    2025年3月8日
    200
  • Ajax验证用户名(图文详解)

    这次给大家带来Ajax验证用户名(图文详解),Ajax验证用户名的注意事项有哪些,下面就是实战案例,一起来看一下。 用Ajax验证用户名代码如下所示: 接口:  getguestbook/index.phpm : indexa : veri…

    编程技术 2025年3月8日
    200
  • js实现ajax分页(图文详解)

    这次给大家带来js实现ajax分页(图文详解),js实现ajax分页的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了js实现ajax分页的方法。分享给大家供大家参考,具体如下: Untitled Document*{mar…

    编程技术 2025年3月8日
    200
  • Ajax实现简单下拉选项效果(图文详解)

    这次给大家带来Ajax实现简单下拉选项效果(图文详解),Ajax实现简单下拉选项的注意事项有哪些,下面就是实战案例,一起来看一下。 基本都是固定步骤!主要在JAVASCRIPT和PHP中的操作 1、HTML代码里就只有两个SELECT标签如…

    编程技术 2025年3月8日
    200
  • ajax与iframe框架实现图片文件上传(图文详解)

    这次给大家带来ajax与iframe框架实现图片文件上传(图文详解),ajax与iframe框架实现图片文件上传的注意事项有哪些,下面就是实战案例,一起来看一下。 大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生a…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论