Ajax如何實現請求成功后打開新窗口地址

這篇文章主要介紹了Ajax如何實現請求成功后打開新窗口地址，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

關鍵代碼如下所示：

jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com", 
"success":function(rel){
if(rel.isSuccess){ 
window.open(rel.url,"_blank");
}
}
});

這個url請求成功后window.open(rel.url,"_blank");會被瀏覽器攔截，無法打開新窗口，如果把window.open()放在ajax外面，問題就迎刃而解，代碼如下：

var result="";
jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com", 
"success":function(rel){
if(rel.isSuccess){ 
result=rel.url;
//window.open(rel.url,"_blank");
}
}
});
if(result.length>0){
window.open(result,"_blank");
}

下面看下在Ajax響應之后打開新窗口

最近的開發中有一個功能，點擊一個鏈接之后，要判斷當前的用戶是否登錄，沒有登錄的話，需要彈出一個登錄對話框，用戶登錄之后，再在新的窗口(標簽)中打開鏈接指向的Url。

不多說，直接貼出代碼：

$(document).delegate("a", "click", function () { 
var actionUrl = $(this).attr("href"); 
var ssoAction = function () { window.open(actionUrl, '_blank'); }; 
if (isLogin()) { 
ssoAction(); 
} else { 
popup.show({login:function () { 
$.ajax({ 
type: "post", 
dataType: "json", 
url: "/Account/Login", 
data: $("frmLogin").serialize(), 
//發送方式改為同步，避免彈出頁面被瀏覽器攔截
async: false, 
success: function (oData) { 
ssoAction(); 
} 
}); 
}); 
} 
return false; 
});

重點：需要使用同步提交，使用異步提交，callback里面打開新窗口(標簽)，會被瀏覽器認為是惡意行為。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Ajax如何實現請求成功后打開新窗口地址”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!