這篇文章主要介紹了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如何實現請求成功后打開新窗口地址”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯網站建設公司,,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!
分享名稱:Ajax如何實現請求成功后打開新窗口地址-創新互聯
鏈接地址:http://www.yijiale78.com/article36/hhdpg.html
成都網站建設公司_創新互聯,為您提供服務器托管、App設計、商城網站、網站改版、外貿建站、企業網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯