[AJAX] rafraichissement en ajax
est ce que je peux ecrire un code php dans le code javascript car mon probleme est que j'ecris uncode javascript pour rafraichir un
formulaire et pour cela j ai besoin de se connecter a la base de donnees pour extraire des donnees cad:dans mon formulaire
je dois entrer un identifiant de stage une fois que ce champ est rempli on aura les autres champs qui contiennent des informations propres a cet identifiant et qui sont dans le formulaire
qui sont affichés automatiquement donc a l'interieur de ce code javascript ecrit pour rafraichissement de formulaire je dois extraire les donnees de la base de donnees a chaque fois que je fais entrer un identifiant de stage?
est ce qu'en ajax je dois faire connexion a la base de donnees ou non ?
2eme qustion:
ce code permet rafraichissement de formulaire (en choisissant une option de la liste deroulante on aura les autres champs affichés )la seule difference entre ce code et celui que je veux ecrire pour mon formulaire est au lieu de la liste deroulante je dois remplir un champ texte par l'idenifiant de stage pour afficher les autres champs
code:
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
| <?php
session_start();
if (! isset($_SESSION['type_user']) ||! isset($_SESSION['code_user']) || $_SESSION['type_user']!='bibliothecaire')
{
include "authentification.html";
echo '<script type="text/javascript">alert("Accèes Interdit vous devez s\'authentifier en tant que bibliothecaire tout d\'abord")</script>';
}
else
{
print'<title>Paramêtres des adhérents </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function validerchoix() {
var l1 = mod_param.elements["list1"];
var t1 = mod_param.elements["text1_r"];
var t2 = mod_param.elements["text2_r"];
var index = l1.selectedIndex;
var filename = "ges_parametre.php?type_ad="+escape(l1.options[index].value);
if(index < 1)
{
text1_r.options.length = 0;
text2_r.options.length = 0;
}
else {
var xhr_object = null;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("GET", filename, false);
xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4)
{
//alert(xhr_object.responseText);
var elem=xhr_object.responseText;
var tab=elem.split(",");
//alert(tab);
mod_param.elements["text1_r"].value = tab[0];
mod_param.elements["text2_r"].value = tab[1];
}
}
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send(filename);
}
</script>
<table width="760" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td height="75" width="760"> ';
include"entete.html" ;
print '</td>
</tr>
<tr>
<td><table width="760" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="167" height="100%" bgcolor="#CDDCE4"><table width="167" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CDDCE4">
<tr>
<td width="167">';
include"menu_bib.html";
print'</td>
</tr>
<tr><td height="100%"> </td>
</tr>
</table></td>
<td width="582">
<p align="center"><strong><font color="#660000">Paramétre Adhérent</font></strong></p>
<p align="center"> </p>
<form name="mod_param" method="post" action="mod_param.php">
<table width="100%" border="0" align="center" bgcolor="#F9FAFB">
<tr>
<td width="102"> </td>
<td width="167">Type Adhérent </td>
<td colspan="2">:
<select name="list1" id="list1"onChange="validerchoix();">
<option value="Choisir un type" selected> --> Choisir un type <-- </option>
<option value="etudiant" > Etudiant </option>
<option value="personnel"> Personnel </option>
<option value="enseignant"> Enseignant </option>
<option value="visiteur" > Visiteur </option>
</select>
</td>
<td width="97"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>Nombre livre à emprunter </td>
<td colspan="2">:
<input type="text" name="text1_r" id="text1_r"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>Durée de prêt </td>
<td colspan="2">:
<input type="text" name="text2_r" id="text2_r"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="3">
<div align="center">
<input type="submit" name="Submit" value=" Modifier ">
<input type="submit" name="Submit2" value=" Annuler ">
</div>
<div align="left"></div></td>
<td> </td>
</tr>
<tr>
<td height="21"> </td>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
</table>
</form> </td>
<td width="11" bgcolor="#CDDCE4"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="19" bgcolor="#CDDCE4"><div align="center"><font size="2"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">45 Rue des Entrepreneurs Charguia II -2035 Tunis Carthage <br>
Tél. : 71 940.699 / 71 940.775 Fax : 71 941.579</font> </strong></font></div></td>
</tr>
</table>';}
?> |
qu'est ce que je dois faire surtout que je ne comprends pas beaucoup ajax et surtout cette instruction: var tab=elem.split(",");
qu'est ce que fais "split"?
trouver moi une solution svp et envoyez moi des liens pour un aide sur l'utilisation d'ajax.
merci infiniment.
