[AJAX] AJAX et submit du formulaire

**metwa** · 25/07/2011, 10h19

Bonjour à tous
je travail en PHP
j'ai une page php dans laquelle il y a une form et un select qui à l'aide d'ajax ajoute à ma form quelques inputs avec des valeurs prises de la base de données
jusqu'ici tous marche parfaitement
le probleme est que lorsque je poste ma forme les inputs venant d'ajax n'apparaissent plus malgré qu'ajax fonctionne bien
s'il vous plait aidez moi
c'est quoi le probleme????
voila ce qu'il m'affiche dans la page resultante apres le submit
lorsque je fait un

Code :

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

print_r($_POST)

Code :

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

Array ( [id_adherent] => 1 [act] => add [id_typepaiement] => 3  [submit] => Valider )

merci d'avance

**andry.aime** · 25/07/2011, 11h31

Salut,

Peut-on voir comment tu génères ces input avec l'ajax?

A+.

**metwa** · 25/07/2011, 11h39

voila mon fichier AJAX:

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
18
19
20
21
22
23
24
25
<?php
require_once('connexion.php');	
$q=$_POST["q"];
 
$sql="SELECT * FROM typepaiement WHERE id = '".$q."'";
 
$result = mysql_query($sql);
if(mysql_num_rows($result))
{
	$row = mysql_fetch_array($result);
		$prix=$row['prix'];
		echo "<div class='divinfo'>
                    <label for='fax' id='labeldetail2'>Monatant Total:</label>
                    <input type='text' value='".$prix."' name='montantTotal1' id='montantTotal1' readonly='readonly'  />
              </div>
			  <div class='divinfo'>
			   <label for='fax' id='labeldetail2'>Par Tranche: </label>
                    <input type='radio' name='modep' id='modep1' value='1' onclick='document.getElementById(\"montantPaye1\").readOnly = false;' />Oui &nbsp;&nbsp;&nbsp;
					<input type='radio' name='modep' id='modep2' value='0' onchange='document.getElementById(\"montantPaye1\").readOnly = true; document.getElementById(\"montantPaye1\").value= document.getElementById(\"montantTotal1\").value;'  checked='checked' />Non
              </div>
              <div class='divinfo'>
                    <label id='labeldetail2'>Montant pay&eacute;:</label>
                    <input type='text' value='".$prix."' id='montantPaye1' name='montantPaye1' readonly='readonly' />
              </div>";
  	}

et ça marche et ça affiche les inputs correctement dans la page

**Bovino** · 25/07/2011, 11h45

Code :

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

$q=$_POST["q"];

Tu devrais faire attention à ton q tout de même !

Sinon, tu ferais bien de nous montrer le code JavaScript qui va avec

**metwa** · 25/07/2011, 11h59

voila le code javascript:

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
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
56
57
<script type="text/javascript">
 
function getXhr(){
                 var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } 
					catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non support par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr;
			}
 
 
			 //Mthode qui sera appele sur le click du bouton
 
			function showAmount(){
				var xhr = getXhr();
				// On dfini ce qu'on va faire quand on aura la rponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('txtHint').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxPaiement.php",true);
				// ne pas oublier a pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				sel = document.getElementById('selecttp');
				str = sel.options[sel.selectedIndex].value;
				xhr.send("q="+str);
 
				if(str==0){
//					document.getElementById("txtHint").style.display = "none";
					document.getElementById("submitbtn").disabled = true;
				}
 
				else{
					document.getElementById("txtHint").style.display = "block";
					document.getElementById("submitbtn").disabled = false;
				}
			}
</script>

mais c'est claire que ce n'est pas à cause du "q" car les inputs s'affichent avec les bonnes valeurs prises de la BD

**mctarek** · 25/07/2011, 12h20

Envoyé par metwa

voila mon fichier AJAX:
et ça marche et ça affiche les inputs correctement dans la page

Dans ce cas, je veille toujours à vérifier l'état de la variable avec un window.alert() juste avant l'envoi de la requête Ajax pour monitorer request.send(variables) si POST ou url+'?'+variables si GET.

Biensûr, je veille à ne pas placer un attribut value="xxx" dans un élement sachant qu'il va recevoir un contenu dynamique.

mctarek (nouveau et curieux de ce problème).

**Bovino** · 25/07/2011, 12h28

mais c'est claire que ce n'est pas à cause du "q"

Non, ce n'est pas ça qui fait planter ton script... du moins pour le moment

Injecter une donnée utilisateur dans une requête SQL (en plus avec un SELECT *) sans l'avoir vérifiée au préalable est suicidaire.
Mais bon, c'est un autre problème !

Bref, maintenant, il serait bon d'avoir la portion de code HTML (pas PHP hein) associée à ta requête.

Au fait, tu as testé avec quel navigateur ?