[AJAX] Envoi de post en dur avec ajax

**ThePirateur** · 15/01/2013, 12h30

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**andry.aime** · 16/01/2013, 05h02

Bonjour,

Regarde ce tutoriel.

A+.

**ThePirateur** · 16/01/2013, 18h23

Merci pour le tutoriel.
Je me suis basé sur lui pour réaliser le code suivant:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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…

**ThePirateur** · 17/01/2013, 10h15

merci quand même mais j'ai réussi à faire marcher comme je voulais

[AJAX] Envoi de post en dur avec ajax

AJAX

Discussions similaires

Partager

Partager