How to deal with interception when calling window.open in ajax request-JS Tutorial-php.cn

How to deal with interception when calling window.open in ajax request

php中世界最好的语言

Release： 2018-05-24 14:59:09

Original

1857 people have browsed it

This time I will bring you the window.openhow to handle the interception when calling window.open in the ajax request. What are the precautions?What are the following? This is a practical case, let’s take a look at it.

Description of the advantages of this method: For example, if ajaxcallback function fails, the empty link opened by the browser by default will be automatically closed, and the user experience is better.

 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(){}
        });
    });

Copy after login

Analysis of the second solution:

This method has been tested: for example, the background returns outside the site For URLs, Google Chrome, 360 Browser, etc. will intercept requests, but Firefox and QQ browsers will not. It is predicted that the browser itself intercepts off-site URLs of this type, and ordinary URLs will not be intercepted;

 $("#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(){}
        });

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to php Chinese websiteOther related articles!