Bonjour,
Je vous expose mon problème:
J'utilise ajax pour pouvoir envoyer un formulaire sans recharger la page j'utilise se code la :
Quand je l'utilise avec un bouton sa marche sans probleme:
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
16
17 <script language="JavaScript"> $(document).ready(function() { // lorsque je soumets le formulaire $('.monForm').on('submit', function() { // appel Ajax $.ajax({ url: $(this).attr('action'), // le nom du fichier indiqué dans le formulaire type: $(this).attr('method'), // la méthode indiquée dans le formulaire (get ou post) data: $(this).serialize(), // je sérialise les données (voir plus loin), ici les $_POST success: function(html) { // je récupère la réponse du fichier PHP //alert(html); // j'affiche cette réponse } }); return false; // j'empêche le navigateur de soumettre lui-même le formulaire }); }); </script>
Âpres j'ai décider de remplacer le bouton par un input de type texte qui utiliserais l’événement onChange
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <form class="monForm" method="post" action="planning_cree.php"> <input type="submit" name="Envoyer" value="Envoyer" onclick="this.disabled=true;this.value='Crée'"/> </form>
Mais la sa m'ouvre la page planning_cree.php je voudais savoir se que je dois modifier sur le code ajax pour que sa n'ouvre pas la page planning_cree.php.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <form class="monForm" method="post" action="planning_cree.php"> <input type="text" name="Lundi" size="1" onchange="submit();" value="<?php echo $donnees2['Lundi']; ?>" /> </form>
Merci D'avance !!!
Partager