PHP / AJAX Réponse Formulaire

Fermé
demonroro Messages postés 10 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 6 août 2010 - Modifié par demonroro le 5/08/2010 à 12:53
demonroro Messages postés 10 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 6 août 2010 - 6 août 2010 à 19:00
Bonjour,

Voilou j'ai un "piti" souci avec mon script php, j'aimerai afficher la réponse php en ajax.

Genre :
___________________
| les données entrées |
------------------------------
____________
| submit |
-------------------

==> et ici la réponse <==

Et la je ne sais pas du tout comment faire... =(

Le formulaire est sur la page page.php?mod=form

Voici mon script
<?php 
if (isset($_GET['mod'])) 
{ 
 $mod=$_GET['mod']; 
} 
else 
{ 
 $mod=1; 
} 
switch ($mod) { 
case "form" : // le formulaire 
 echo " 
<form action=\"page.php?mod=add\" method=\"post\" /> 
  <input type='field' name='form1' /> 
  <input src=\"images/add.png\" type=\"image\" value=\"submit\" /> 
</form> 
                "; 
break; 
case "add": // Recuperation 
$form1 = $_POST['form1']; 
echo $form1; 
break; 
}
?> 


Merci
A voir également:

2 réponses

Bonjour,

Jete un coup d'oeil sur un tuto AJAX : https://www.xul.fr/xml-ajax.html

Mohamed.

-----------
Pub supprimée Modération CCM
Webmaster
0
demonroro Messages postés 10 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 6 août 2010
Modifié par demonroro le 6/08/2010 à 19:08
Oki j'y ai jeté un coup d'oeil cependant ca bloque toujours, j'aimerai ajouter un autre champ de text. Mais la page php ne recoit pas la nouvelle variable...
La page html dont je me sert de test :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
<title>Ajouter</title>   
   
<script language="JavaScript">   
   
 function createInstance()  
 {  
        var req = null;  
  if (window.XMLHttpRequest)  
  {  
    req = new XMLHttpRequest();  
  }   
  else if (window.ActiveXObject)   
  {  
   try {  
    req = new ActiveXObject("Msxml2.XMLHTTP");  
   } catch (e)  
   {  
    try {  
     req = new ActiveXObject("Microsoft.XMLHTTP");  
    } catch (e)   
    {  
     alert("XHR not created");  
    }  
   }  
         }  
        return req;  
 };  
   
 function storing(data)  
 {  
  var element = document.getElementById('storage');  
  element.innerHTML = data;  
 }  

 function submitForm(element)  
 {   
  var req =  createInstance();  
  var name = document.ajax.name.value;  
  var data = "name=" + name;  
    
  req.onreadystatechange = function()  
  {   
   if(req.readyState == 4)  
   {  
    if(req.status == 200)  
    {  
     storing(req.responseText);   
    }   
    else   
    {  
     alert("Error: returned status code " + req.status + " " + req.statusText);  
    }   
   }   
  };   
          
  req.open("POST", "post.php", true);   
  req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
  req.send(data);  
    
 }   
   
</script>   
   
</head>   
   
   
<body>   

   
<FORM name="ajax" method="POST" action="">   
 <p>   
   <label>  
      <input name="name" type="text" value="name" size="60" /><br />  
      <input name="chemin" type="text" value="chemin" size="60" />   
   </label>   
</p>   
 <p>   
   <INPUT type="button" value="Ajouter"  ONCLICK="submitForm()">   
  </p>   
</FORM>   
   
<p>   <span id="storage"></span></p>   

</body>   
</html>  


et ici la page php "post.php"

<?php    
$name = $_POST['name'];    
$chemin = $_POST['chemin'];    
echo "Nom ".$name." créé";    
echo "<p>";    
echo "chemin ".$chemin."<br />";    
?>


et quand je rajoute un champ + la récupération ajax sur la page html la variable passe pas...

Je ne sais pas du tout comment faire ...

Merci d'avance.
0