[AJAX] Envoi de post en dur avec ajax
Bonjour,
Je veux utiliser Ajax pour la 1ère fois, je vous explique mon problème.
J’ai des post à envoyer à un site pour me logger puis être rediriger vers un autre lien. Alors pour me logger automatiquement j'ai réalisé ce petit code html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| <html >
<head>
<meta http-equiv="Content-Type" content= "text/html; charset=us-ascii" />
<title>
SecurityVcenter
</title>
<form id="send" action="https://Pour_ce_logger/log/j_spring_security_check" method="post">
<input type="hidden" name="xxxx1" value="yyyy1"/>
<input type="hidden" name="xxxx2" value="yyyy2"/>
<input type="hidden" name="xxxx3" value="yyyy3"/>
<input type="hidden" name="xxxx4" value="yyyy4"/>
<input type="hidden" name="xxxx5" value="yyyy5"/>
<input type="hidden" name="xxxx6" value="yyyy6"/>
</form>
</head>
<body onload ='document.getElementById("send").submit()'>
Loading...
</body>
</html> |
Grace à cette page j'envoie automatiquement mes post.
Maintenant mon problème est que je voudrais attendre que l'envoie de post finisse ( cela prend environ 15 seconde de traitement ) mais je ne veux pas être rediriger vers la page où j'envoie mes post. L'Idée serai d’être redirigé vers une autre url quand le traitement est fini. je chercher depuis un moment j'ai crus comprendre que je pourrais le réaliser en Ajax... Mais je vois vraiment pas comment ajuster mon code.
Si quelqu'un peut bien m'éclairé… Merci d’avance.
Voici le code que j'ai réalisé pour la redirection :
Code:
1 2 3 4 5 6 7 8 9 10
| Content-type: text/html
<html>
<head>
<title> Console Link</title>
<meta http-equiv="Refresh" content="15; url=https://nouvelle_page">
</head>
<body>
Loading ...
</body>
<html> |
pas de connexion mais les post sont bien envoyer
Merci pour le tutoriel.
Je me suis basé sur lui pour réaliser le code suivant:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
|
<html>
<head>
<title>TEST</title>
<script type='text/JavaScript'>
function getXhr()
{
var xhr = null;
if(window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else
{
alert("XMLHttpRequest no supported by the browser...");
xhr = false;
}
return xhr
}
function go()
{
var xhr = getXhr()
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
document.getElementById('tochange').innerHTML="Console Link";
document.getElementById('tochange').href="https://New_URL";
document.getElementById('tochange').target="_blank";
}
}
xhr.open("POST","https://Pour_ce_logger/log/j_spring_security_check",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("xxxx1=yyyy1&xxxx2=yyyy2&xxxx3=yyyy3&xxxx4=yyyy4&xxxx5=yyyy5&xxxx6=yyyy6");
}
</script>
</head>
<body>
<input id="A1" type='button' value='Ce logger !' onclick='go()' />
<a href="#" id="tochange"></a>
</body>
</html> |
Après de nombreux test & modification du code j'ai encore problème (surement très bête).
Petite explication du problème rencontré :
Je renvoie bien les post à mon url (je le vois avec Firebug) mais visiblement il y a une chose qui droit bloquer car je ne suis pas connecter alors que les Post envoyer devrais me permettre une connexion.
Petite précision quand j’envoie les post garce au 1er code, la connexion est ok.
Je bloque car je vois pas du tout où j’ai une erreur.
Merci d’avance pour votre coup main…