Passage de variables avec Ajax qui ne fonctionne pas
Bonjour, je suis en train de créer un formulaire avec Jquery où on remplie notre formulaire en première page, l'utilisateur le valide puis vient des traitements qui sont affichés sur un deuxième slide, tout fonctionne sauf le passage des variables.
Je m'explique, quand je dis que tout fonctionne, c'est à dire que ma page s'execute mais que là où je demande de m'afficher la valeur de ma variable récupérer qui est "nom", rien ne s'affiche et je voudrais savoir pourquoi.
Voici mon de code
form.php
Code:
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
|
<!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]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test slide Jquery</title>
<link rel="stylesheet" href="style.css" media="all" />
<script type="text/javascript" src="[http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js]"></script>
<script type="text/javascript">
function go()
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
http=new XMLHttpRequest();
}
else
{// code for IE6, IE5
http=new ActiveXObject("Microsoft.XMLHTTP");
}
var nom = document.getElementById("nom").value;
var datas = "nom="+nom;
http.open("GET","exemple.php",true);
http.send(datas);
http.onreadystatechange=function()
{
if (http.readyState==4 && http.status==200)
{
document.getElementById("slide2").innerHTML=http.responseText;
}
}
}
</script>
<html>
<body>
<div id="slideshow">
<div id="slidesContainer">
<div class="slide" id="slide1">
Slide 1
<table border="1">
<tr>
<th>Nom : </th>
<td><input type="text" id="nom"></input></td>
</tr>
<tr>
<th>Prenom : </th>
<td><input type="text" id="prenom"></input></td>
</tr>
</table>
<button type="button" onclick="go()">Cliques-moi</button>
</div>
<div class="slide" id="slide2">
Slide 2<br/>
</div>
</div>
</div>
</body>
</html> |
traitement.php
Code:
1
2
3
4
|
<?php
echo $_GET["nom"];
?> |
Qu'est-ce que je dois corriger svp?
Faut-il mieux envoyer cela par POST ou GET?
