ajax請求里面調(diào)用window.open會被瀏覽器攔截（優(yōu)化版）

Lin_YT 發(fā)布于2019-08-22 17:27 / 3082人閱讀

摘要：眾所周知，請求里面調(diào)用會被瀏覽器攔截方法有兩種解決辦法，但是經(jīng)測驗例如改為同步請求還會出現(xiàn)一些問題比如站點外網(wǎng)址被攔截第一種解決辦法優(yōu)化該方法優(yōu)點描述比如回調(diào)函數(shù)失敗，瀏覽器默認(rèn)打開的空鏈接會自動關(guān)閉，用戶體驗比較好。

眾所周知，ajax請求里面調(diào)用window.open會被瀏覽器攔截方法有兩種解決辦法，但是經(jīng)測驗例如ajax改為async：false同步請求還會出現(xiàn)一些問題（比如站點外網(wǎng)址被攔截）；

第一種解決辦法優(yōu)化：

該方法優(yōu)點描述：比如ajax回調(diào)函數(shù)失敗，瀏覽器默認(rèn)打開的空鏈接會自動關(guān)閉，用戶體驗比較好。

 var newwin;
    $("#btn").click(function(){
        newwim = window.open();
        //此處調(diào)用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失敗方法，自動關(guān)閉剛才會打開的頁面；
                }
            },
            error:function(){
                console.log("訪問出錯，請重試!");
            },
            complete:function(){}
        });
    });

第二種解決辦法分析：

此方法測試過：比如后臺返回的是站外網(wǎng)址，谷歌瀏覽器、360瀏覽器等等會攔截請求，火狐、qq瀏覽器不會攔截，預(yù)測是瀏覽器自身對站外網(wǎng)址這種類型做了攔截，普通的網(wǎng)址不被攔截；

 $("#btn").click(function(){
        //此處調(diào)用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(){}
        });