Ajax請求成功后打開新窗口地址
更新時間：2016年08月04日 11:38:07 作者：Ruthless
這篇文章主要介紹了Ajax請求成功后打開新窗口地址的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
廢話不多說，關(guān)鍵代碼如下所示：
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響應(yīng)之后打開新窗口
最近的開發(fā)中有一個功能，點擊一個鏈接之后，要判斷當(dāng)前的用戶是否登錄，沒有登錄的話，需要彈出一個登錄對話框，用戶登錄之后，再在新的窗口(標(biāo)簽)中打開鏈接指向的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(),
//發(fā)送方式改為同步，避免彈出頁面被瀏覽器攔截
async: false,
success: function (oData) {
ssoAction();
}
});
});
}
return false;
});
重點：需要使用同步提交，使用異步提交，callback里面打開新窗口(標(biāo)簽)，會被瀏覽器認(rèn)為是惡意行為。
相關(guān)文章
AJAX的出現(xiàn)極大的改變了Web應(yīng)用客戶端的操作模式，它使的用戶可以在全心工作時不必頻繁的忍受那令人厭惡的頁面刷新。2009-09-09
通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換,Ajax可以使網(wǎng)頁實現(xiàn)異步更新,下面這篇文章主要給大家介紹了關(guān)于Ajax異步請求的五個步驟及實戰(zhàn)案例的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
實現(xiàn)省、市二級聯(lián)動，當(dāng)選擇某一省時，改省下面的市就會在另一個下拉框顯示出來，下面有個不錯的示例，需要的朋友可以參考下2013-11-11
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。本文跟大家介紹JQuery中$.ajax()方法參數(shù)詳解，小伙伴們一起學(xué)習(xí)吧2015-10-10
ajax+asp無限級分類樹型結(jié)構(gòu)的代碼
ajax+asp無限級分類樹型結(jié)構(gòu)的代碼...2007-10-10
這篇文章主要介紹了實現(xiàn)類似facebook無刷新ajax更新,需要的朋友可以參考下2014-03-03
AJAX初級聊天室代碼...2007-01-01
這篇文章主要介紹了Ajax郵箱、用戶名唯一性驗證實例代碼,需要的朋友可以參考下2017-10-10
使用getJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實現(xiàn)
下面小編就為大家?guī)硪黄褂胓etJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
AJAX入門之XMLHttpRequest慨述...2006-06-06