Discussion :

[Quatre_Couleurs]

Bonjour tout le monde,

Bon alors, j'essaie simplement de transmettre un formulaire à une page php, qui affiche un champ du formulaire. Ensuite j'actualise le contenu d'une div via periodicalupdater.

L'envoi du formulaire semble fonctionner puisque le OnComplete est éxécuté mais pourtant rien ne s'affiche...

Mon JS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
new Ajax.PeriodicalUpdater(
	'content',
	'./sendMessage.php',
	{
		insertion: Insertion.Top,
		frequency: 1
	}
	);
 
function sendMessage()
{
	$('message_form').request({
		onComplete: function(){ $('content').innerHTML += 'OK';},
		onFailure:  function(){ $('content').innerHTML += 'FAIL';}});
}

Mon HTML:

Code :

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

1
2
3
4
5
6
 
<div id="content"></div>
<form id="message_form" method="post" action="./sendMessage.php" onsubmit="return false;">
	<input id="testi" name="testi" type="text"></input>
	<input type="submit" value="Send" onclick="sendMessage();">
</form>

Ma page php:

Code :

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

1
2
 
echo $_POST["testi"];

Merci pour votre aide.

[gwyohm]

Le PeriodicalUpdater ne soumet pas le formulaire, donc n'envoie pas la valeur de testi qui n'est donc pas récupérée côté PHP...

essaye :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
new Ajax.PeriodicalUpdater(
	'content',
	'./sendMessage.php',
	{
                parameters:$('message_form').serialize(true),
		insertion: Insertion.Top,
		frequency: 1
	}
	);

[Quatre_Couleurs]

Le PeriodicalUpdater ne soumet pas le formulaire, donc n'envoie pas la valeur de testi qui n'est donc pas récupérée côté PHP...

J'utilise Form.Request pour envoyer le formulaire, le responseText me renvoie bien la valeur de testi

Code :

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

1
2
3
4
5
6
function sendMessage()
{
	$pt('message_form').request({
		onComplete: function(t){ $pt('content').innerHTML += t.responseText;},
		onFailure:  function(){ $pt('content').innerHTML += 'FAIL';}});
}

Est-ce qu'il n'y aurai pas un problème de concurrence entre le periodicalUpdater et le Form.Request sachant qu'il "pointe" sur la même page?

[gwyohm]

PeriodicalUpdater fait une requete complètement séparée de .request sur ton form, la génération pour le PeriodicalUpdater est donc indépendante de celle du .request ...

[Quatre_Couleurs]

Ok, je ne comprends pas pourquoi mon code ne fonctionne pas. Le retour du OnSuccess m'assure bien que le formulaire a été transmis, je ne vois pas pourquoi le periodicalUpdater ne réagit pas...

[gwyohm]

Ok, je ne comprends pas pourquoi mon code ne fonctionne pas. Le retour du OnSuccess m'assure bien que le formulaire a été transmis, je ne vois pas pourquoi le periodicalUpdater ne réagit pas...

parce que ce ne sont pas les mêmes requetes !

chaque fois que ta page php est appelée en AJAX, elle reexecute le code. les 2 requetes ajax que tu lances n'ont rien à voir entre elles.

Tu executes 2 requetes : une avec le bouton submit qui envoie des données en post à ta page PHP, une autre avec le PeriodicalUpdater qui n'envoie aucune donnée. Comme ta page php ne fait qu'écrire des données postées, elle n'écrit rien !

Change ta page php pour

Code :

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

echo 'j ai recu la valeur '.$_POST["testi"].' pour parametre testi';