Submit et fonction

Version imprimable

Submit et fonction

Bonjour,

Voilà j'ai un petit souci pour envoyer un formulaire via une fonction.
Dans un premier temps ma fonction exécute un traitement php (qui génère un xml avec toute les données du formulaire) puis ensuite elle doit envoyer un message qui confirme ou non que le traitement a bien été exécuté.
voici mon code :

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
 
<script type='text/JavaScript'>
function setxml(ET){
	$.ajax(			
		type: "POST",
		url: "setXml.php?Id_ET="+ET,
		success:function(data)
		{
		   if(data==0)
		   {
			 alert('Les paramètres ont bien été envoyés');
		   }
			else
		   {
			 alert('Une erreur est survenue, les paramètres n\'ont pas été envoyés');
		   }
		}
	);
	document.Form2.submit();
}
</script>
<form name="Form2" method="post">
<table>
    <tr>
      <td class="blockContent">Numéro d'usine de l'ET</td>
      <td class="blockContent"><input type="text" name="InputET" value="<?php echo $ET; ?>" />
    </tr>
    <tr>
      <td class="blockContent">ID Agent</td>
      <td class="blockContent"><input type="text" name="InputIdAgent" value="<?php echo $Id_Agent; ?>" />
    </tr>
    <tr>
      <td class="blockContent">Ville</td>
      <td class="blockContent">
        <input type="text" name="InputVille" value="<?php echo $Ville; ?>" /></td>
    </tr>
    <tr>
      <td class="blockContent">CP</td>
      <td class="blockContent">
        <input type="text" name="InputCP"  value="<?php echo((float)$CP); ?>" /></td>
    </tr>
    <tr>
      <td class="blockContent">Mode</td>
      <td class="blockContent">
        <input type="text" name="InputMode" value="<?php echo $Mode; ?>" /></td>
    </tr>
    <tr height="65px">
      <td class="blockContent" colspan="4" align="center">
        <a href="#" onclick="javascript:setxml('<?php echo $Id_ET; ?>');">envoyer</a></td>
    </tr>
</table>
</form>

setXml.php

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
 
<?php
  $dom = new DomDocument;
  $dom->load('xml/test2.xml'); 
 
        $listeCA=$dom->getElementsByTagName('ET');
        foreach($listeET as $ET)
        $CA->nodeValue=$_POST['InputET'];
        
        $listeIdAgent=$dom->getElementsByTagName('Id_Agent');
        foreach($listeIdAgent as $idAgent)
        $idAgent->nodeValue=$_POST['InputIdAgent'];
 
        $listeVille=$dom->getElementsByTagName('Ville');
        foreach($listeVille as $ville)
        $ville->nodeValue=$_POST['InputVille'];
 
        $listeVille=$dom->getElementsByTagName('CP');
        foreach($listeCP as $CP)
        $ville->nodeValue=$_POST['InputCP'];
 
        $listeVille=$dom->getElementsByTagName('Mode');
        foreach($listeMode as $Mode)
        $ville->nodeValue=$_POST['InputMode'];
 
        $dom->save('xml/$_POST['ET'].xml');
?>

Je souhaite en fait éviter tout rafraichissement. Et actuellement lorsque je clique sur "Envoyer" mon fichier xml est bien crée, j'ai bien le message qui confirme que le traitement a bien été effectué, mais les balises de mon xml sont vides comme si rien n'était passé par le POST.
A noté que ma fonction setXml.php fonctionne si je ne passe pas par la fonction javascript pour l'éxécuter donc le souci viens bien du javascript.

merci pour vos réponse :ccool:

15/06/2010, 18h01
Mohicane

A priori tant que tu utiliseras le submit à la fin de ton javascript, la page sera rechargée ... et si tu ne réinjecte pas les valeurs de tes champs, elles disparaitront ... mais ce n'est pas ce que tu veux puisque tu ne veux pas recharger la page.

As tu réellement besoin de valider le formulaire?
Si oui, tu dois faire le submit et réinjecter les valeur.
Si non, ta fonction javascript fonctionnera très bien sans valider le formulaire, non?
17/06/2010, 11h42
oOBaalberithOo

Dsl pour la réponse tardive j'étais absent.

Donc pour te répondre oui j'en ai réellement besoin de la confirmation.

Mais pour réinjecter les valeurs je voit pas vraiment comment faire du coup...
17/06/2010, 12h33
Bovino

Ton appel AJAX est asynchrone, donc le script n'attend pas la réponse du serveur pour continuer son exécution, ce qui fait que l'appel AJAX et la soumission du formulaire se font en même temps.

Merci de vos explication.

Sinon j'ai un début de solution je crois, voilà mes modifs :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 $(function(){ $("Form2").submit(function(){ $.ajax( { type: "POST", url: "setXml.php?Id_ET="+ET, success:function(data) { if(data==0) { alert('Les paramètres ont bien été envoyés'); } else { alert('Une erreur est survenue, les paramètres n\'ont pas été envoyés'); } } } ); }); });
Et j'ai du coup mis un bouton submit à la place du lien dans mon formulaire

Code:

<input type="submit" name="InputEnvoyer" />

Le souci c'est qu'apparemment il me fait un GET (je me retrouve avec ma page index.php suivi de toutes les valeurs dans l'URL)8O et bien sûr mon fichier n'est pas créé

17/06/2010, 15h49
devyan

Bonjour,

C'est pas beaucoup mieux ;)

Ce qu'il faut c'est ne faire le submit que lors du success de l'appel ajax ...

devyan
17/06/2010, 16h13
oOBaalberithOo

Là où j'étais content c'est qu'il y avait au moins les données qui étaient envoyées (certes pas de la bonne manière mais bon...):aie:

Sinon faire faire le submit au niveau du success mais ... sans succès (elle était facile)

Sinon je finit tôt aujourd'hui et je ne reviendrai que mardi (héhé je vais au hellfest :ccool:) du coup je ne pourrai pas répondre avant mardi.
29/06/2010, 10h02
oOBaalberithOo

Je me permet de relancé le sujet (j'ai eu un autre souci à régler entre temps) car je n'est toujours pas réussi à solutionner le problème.:cry: