Ajax請(qǐng)求成功后打開新窗口地址
廢話不多說,關(guān)鍵代碼如下所示:
jQuery.ajax({ "type":"post", "url":"http://www.baidu.com", "success":function(rel){ if(rel.isSuccess){ window.open(rel.url,"_blank"); } } });
這個(gè)url請(qǐng)求成功后window.open(rel.url,"_blank");會(huì)被瀏覽器攔截,無法打開新窗口,如果把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ā)中有一個(gè)功能,點(diǎn)擊一個(gè)鏈接之后,要判斷當(dāng)前的用戶是否登錄,沒有登錄的話,需要彈出一個(gè)登錄對(duì)話框,用戶登錄之后,再在新的窗口(標(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; });
重點(diǎn):需要使用同步提交,使用異步提交,callback里面打開新窗口(標(biāo)簽),會(huì)被瀏覽器認(rèn)為是惡意行為。
相關(guān)文章
ajax提交手機(jī)號(hào)去數(shù)據(jù)庫驗(yàn)證并返回狀態(tài)值
這篇文章主要為大家詳細(xì)介紹了ajax提交手機(jī)號(hào)去數(shù)據(jù)庫驗(yàn)證并返回狀態(tài)值的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01ajax下載smartupload的內(nèi)容無法顯示漢字的解決方法
用ajax下載smartupload的內(nèi)容無法顯示漢字情況,大有人遇到,下面給出服務(wù)器端以及客戶端上的解決方案,感興趣的朋友不要錯(cuò)過2013-11-11ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式(實(shí)例講解)
下面小編就為大家分享一篇ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-12-12ASP+AJAX+ACCESS數(shù)據(jù)庫實(shí)例講解三個(gè)步驟分享
其實(shí)說起AJAX的初級(jí)應(yīng)用是非常簡單的,通俗的說就是客戶端(javascript)與服務(wù)端(asp或php等)腳本語言的數(shù)據(jù)交互2012-07-07layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08細(xì)數(shù)Ajax請(qǐng)求中的async:false和async:true的差異
下面小編就為大家?guī)硪黄?xì)數(shù)Ajax請(qǐng)求中的async:false和async:true的差異。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02