Heim > Artikel > Web-Frontend > Öffnen Sie eine neue Fensteradresse, nachdem die Ajax-Anfrage erfolgreich war
Dieser Artikel stellt hauptsächlich die relevanten Informationen zum Öffnen eines neuen Fensters nach einer erfolgreichen Ajax-Anfrage vor. Er ist sehr gut und hat Referenzwert.
Ohne weitere Umschweife. Der Schlüsselcode lautet wie folgt: Anzeige:
jQuery.ajax({ "type":"post", "url":"http://www.baidu.com", "success":function(rel){ if(rel.isSuccess){ window.open(rel.url,"_blank"); } } });
Nach erfolgreicher URL-Anfrage wird window.open(rel.url,"_blank"); Wird vom Browser abgefangen und kann nicht geöffnet werden, wenn Sie window.open() außerhalb von Ajax platzieren. , der Code lautet wie folgt:
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"); }
Sehen wir uns das Öffnen eines neuen Fensters nach der Ajax-Antwort an
Es gibt eine Funktion in der jüngsten Entwicklung Nachdem Sie auf einen Link geklickt haben, müssen Sie feststellen, ob der aktuelle Benutzer angemeldet ist. Wenn nicht, muss ein Anmeldedialogfeld angezeigt werden. Nachdem sich der Benutzer angemeldet hat, wird die URL, auf die der Link verweist, in einem neuen Fenster geöffnet (Tab).
Es gibt nicht viel zu sagen, posten Sie einfach den Code:
$(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; });
Wichtige Punkte: Sie müssen die synchrone Übermittlung verwenden, die asynchrone Übermittlung verwenden und Ein neues Fenster im Rückruf (Tag) öffnen, wird vom Browser als bösartig eingestuft.
Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
Hochladen von Dateien über Ajax mit FormData für Ajax-Anfragen
JQuery Ajax-Methode zum Hochladen von Dateien
Verwenden Sie Ajax, um eine asynchrone Aktualisierungsanforderung zu implementieren
Das obige ist der detaillierte Inhalt vonÖffnen Sie eine neue Fensteradresse, nachdem die Ajax-Anfrage erfolgreich war. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!