Form.Request et PeriodicalUpdater

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:

---

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:

---

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:

---

1 2	echo $_POST["testi"];

---

Merci pour votre aide.

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:

---

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 } );

---

Citation:

---

Envoyé par 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...

---

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

Code:

---

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?

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 ...

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...

Citation:

---

Envoyé par 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...

---

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:

---

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

---

Citation:

---

Envoyé par gwyohm

Comme ta page php ne fait qu'écrire des données postées, elle n'écrit rien !

---

Ok, :ccool:
Merci.