首页 >web前端 >js教程 >ajax请求里面调用window.open被拦截如何处理

ajax请求里面调用window.open被拦截如何处理

php中世界最好的语言
php中世界最好的语言原创
2018-05-24 14:59:091850浏览

这次给大家带来ajax请求里面调用window.open被拦截如何处理,处理ajax请求里面调用window.open被拦截的注意事项有哪些,下面就是实战案例,一起来看一下。

该方法优点描述:比如ajax回调函数失败,浏览器默认打开的空链接会自动关闭,用户体验比较好。

 var newwin;
    $("#btn").click(function(){
        newwim = window.open();
        //此处调用ajax,异步即可:
        $.ajax({
            type:'POST',
            url: ajaxurl,       
            dataType : 'json',
            data:parameter,  
            beforeSend : function(){},
            success:function(data) {
                if(data.TSR_CODE == "0"){                
                       newwin.location.href = xxx;//xxx为后端返回的地址;            
                }else{
                    alert(data.TSR_MSG);
                    newwin.close();//此处为ajax失败方法,自动关闭刚才会打开的页面;
                }
            },
            error:function(){
                console.log("访问出错,请重试!");
            },
            complete:function(){}
        });
    });
  • 第二种解决办法分析:

此方法测试过:比如后台返回的是站外网址,谷歌浏览器、360浏览器等等会拦截请求,火狐、qq浏览器不会拦截,预测是浏览器自身对站外网址这种类型做了拦截,普通的网址不被拦截;

 $("#btn").click(function(){
        //此处调用ajax,异步即可:
        $.ajax({
            type:'POST',
            url: ajaxurl,       
            dataType : 'json',
            async:false,//改为同步请求
            data:parameter,  
            beforeSend : function(){},
            success:function(data) {
                if(data.TSR_CODE == "0"){                
                     window.open(xxx);               
                }else{
                    alert(data.TSR_MSG);                    
                }
            },
            error:function(){
                console.log("访问出错,请重试!");
            },
            complete:function(){}
        });

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

JS中的JSON和Math使用案例分析

PromiseA+的实现步骤详解


以上是ajax请求里面调用window.open被拦截如何处理的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn