Maison > interface Web > js tutoriel > Comment configurer la requête Ajax pour ouvrir une nouvelle fenêtre immédiatement après le succès

Comment configurer la requête Ajax pour ouvrir une nouvelle fenêtre immédiatement après le succès

php中世界最好的语言
Libérer: 2018-04-03 17:35:29
original
2296 Les gens l'ont consulté

Cette fois, je vais vous montrer comment configurer la requête Ajax pour ouvrir une nouvelle fenêtre immédiatement après le succès de la requête. Quelles sont les précautions pour configurer la requête Ajax pour ouvrir la nouvelle fenêtre immédiatement. après le succès. Ce qui suit est un cas pratique, jetons un coup d'œil.

Sans plus tarder, le code clé est le suivant :

jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com", 
"success":function(rel){
if(rel.isSuccess){ 
window.open(rel.url,"_blank");
}
}
});
Copier après la connexion

Une fois la demande d'URL réussie, window.open(rel.url,"_blank"); être parcouru Le serveur intercepte et ne peut pas ouvrir une nouvelle fenêtre. Si vous mettez window.open() en dehors d'ajax, le problème sera résolu Le code est le suivant :

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");
}
Copier après la connexion

. Jetons un coup d'œil à l'Ajax Ouvrez une nouvelle fenêtre après avoir répondu

Il existe une fonction en développement récent. Après avoir cliqué sur un lien, il est nécessaire de déterminer si l'utilisateur actuel. est connecté. Sinon, une boîte de dialogue de connexion doit apparaître Une fois l'utilisateur connecté, ouvrez l'URL pointée par le lien dans une nouvelle fenêtre (onglet).

Pas grand chose à dire, postez simplement le 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; 
});
Copier après la connexion

Point clé : vous devez utiliser la soumission synchrone, utiliser la soumission asynchrone et ouvrir une nouvelle fenêtre (onglet) dans le rappel , qui sera pris en compte par le navigateurcomportement malveillant.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Utilisez ajax pour vérifier si le nom d'utilisateur enregistré existe

ajax envoie l'étape de type de données au serveur Explication détaillée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal