Ajax請求成功后打開新窗口地址
更新時(shí)間：2016年08月04日 11:38:07 作者：Ruthless
這篇文章主要介紹了Ajax請求成功后打開新窗口地址的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下
廢話不多說，關(guān)鍵代碼如下所示：
jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com",
"success":function(rel){
if(rel.isSuccess){
window.open(rel.url,"_blank");
}
}
});
這個(gè)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響應(yīng)之后打開新窗口
最近的開發(fā)中有一個(gè)功能，點(diǎn)擊一個(gè)鏈接之后，要判斷當(dāng)前的用戶是否登錄，沒有登錄的話，需要彈出一個(gè)登錄對話框，用戶登錄之后，再在新的窗口(標(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)簽)，會被瀏覽器認(rèn)為是惡意行為。
相關(guān)文章
AJAX的出現(xiàn)極大的改變了Web應(yīng)用客戶端的操作模式，它使的用戶可以在全心工作時(shí)不必頻繁的忍受那令人厭惡的頁面刷新。2009-09-09
Ajax異步請求的五個(gè)步驟及實(shí)戰(zhàn)案例
通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax可以使網(wǎng)頁實(shí)現(xiàn)異步更新,下面這篇文章主要給大家介紹了關(guān)于Ajax異步請求的五個(gè)步驟及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
AJAX解析XML實(shí)例之下拉框省、市二級聯(lián)動
實(shí)現(xiàn)省、市二級聯(lián)動，當(dāng)選擇某一省時(shí)，改省下面的市就會在另一個(gè)下拉框顯示出來，下面有個(gè)不錯的示例，需要的朋友可以參考下2013-11-11
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。本文跟大家介紹JQuery中$.ajax()方法參數(shù)詳解，小伙伴們一起學(xué)習(xí)吧2015-10-10
ajax+asp無限級分類樹型結(jié)構(gòu)的代碼
ajax+asp無限級分類樹型結(jié)構(gòu)的代碼...2007-10-10
實(shí)現(xiàn)類似facebook無刷新ajax更新
這篇文章主要介紹了實(shí)現(xiàn)類似facebook無刷新ajax更新,需要的朋友可以參考下2014-03-03
AJAX初級聊天室代碼...2007-01-01
這篇文章主要介紹了Ajax郵箱、用戶名唯一性驗(yàn)證實(shí)例代碼,需要的朋友可以參考下2017-10-10
使用getJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄褂胓etJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實(shí)現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
AJAX入門之XMLHttpRequest慨述...2006-06-06