廢話不多說,關鍵代碼如下所示:
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裡面打開新窗口(標簽),會被浏覽器認為是惡意行為。