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