Ajax請(qǐng)求成功后打開(kāi)新窗口地址
廢話不多說(shuō),關(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ì)被瀏覽器攔截,無(wú)法打開(kāi)新窗口,如果把window.open()放在ajax外面,問(wèn)題就迎刃而解,代碼如下:
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)之后打開(kāi)新窗口
最近的開(kāi)發(fā)中有一個(gè)功能,點(diǎn)擊一個(gè)鏈接之后,要判斷當(dāng)前的用戶是否登錄,沒(méi)有登錄的話,需要彈出一個(gè)登錄對(duì)話框,用戶登錄之后,再在新的窗口(標(biāo)簽)中打開(kāi)鏈接指向的Url。
不多說(shuō),直接貼出代碼:
$(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ā)送方式改為同步,避免彈出頁(yè)面被瀏覽器攔截 async: false, success: function (oData) { ssoAction(); } }); }); } return false; });
重點(diǎn):需要使用同步提交,使用異步提交,callback里面打開(kāi)新窗口(標(biāo)簽),會(huì)被瀏覽器認(rèn)為是惡意行為。
相關(guān)文章
[asp]天楓AJAX百度音樂(lè)即時(shí)聽(tīng)附下載
[asp]天楓AJAX百度音樂(lè)即時(shí)聽(tīng)附下載...2007-09-09ajax提交手機(jī)號(hào)去數(shù)據(jù)庫(kù)驗(yàn)證并返回狀態(tài)值
這篇文章主要為大家詳細(xì)介紹了ajax提交手機(jī)號(hào)去數(shù)據(jù)庫(kù)驗(yàn)證并返回狀態(tài)值的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題...2006-12-12ajax下載smartupload的內(nèi)容無(wú)法顯示漢字的解決方法
用ajax下載smartupload的內(nèi)容無(wú)法顯示漢字情況,大有人遇到,下面給出服務(wù)器端以及客戶端上的解決方案,感興趣的朋友不要錯(cuò)過(guò)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ù)庫(kù)實(shí)例講解三個(gè)步驟分享
其實(shí)說(shuō)起AJAX的初級(jí)應(yīng)用是非常簡(jiǎn)單的,通俗的說(shuō)就是客戶端(javascript)與服務(wù)端(asp或php等)腳本語(yǔ)言的數(shù)據(jù)交互2012-07-07layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08細(xì)數(shù)Ajax請(qǐng)求中的async:false和async:true的差異
下面小編就為大家?guī)?lái)一篇細(xì)數(shù)Ajax請(qǐng)求中的async:false和async:true的差異。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02