Bonjour, voila je débute en ajax et j'aimerai savoir comment faire pour envoyer et récupérer une variable dans mes scripts...

J'ai ajouté un champ de texte, mais la variable je ne sais pas comment la faire passer. Enfin je n'y arrive pas ou bien a moitier car le fichier php n'en reçoit qu'une sur 2 ou en a 2 pour le prix d'une ...

Voici ma page de test en html

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!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 ma page en php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<?php
$name = $_POST['name'];
$chemin = $_POST['chemin'];
echo $name;
echo "<p>";
echo $chemin;
?>
Merci d'avance ...