DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> Ajax請求成功後打開新窗口地址
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裡面打開新窗口(標簽),會被浏覽器認為是惡意行為。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved