[AJAX] Simple exemple en ajax
bonjour, je veux faire un script en ajax qui permettera d'afficher image "ok" si le pseudo est valide. et img "nn" si le pseudo est erroné.Malheureusement çca marche pa bien.j'ai besoin de votre aide s.v.p. Cordialement
verif_pseudo.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <?php
require_once("config.php");
$req="select * from utilisateur where nom='".$_GET['ps']."'";
$res=mysql_query($req);
if(mysql_num_rows($res)==0) {
echo "NOP";
}
else {
echo "YESP";
}
?> |
page.html
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
| <html>
<head>
<title>Exemple Formulaire AJAX/PHP </title>
</head>
<script language="javascript" type="text/javascript">
function req_pseudo(pseudo) {
//XMLHttpRequest est supporté par Internet Explorer 5.0+, Safari 1.2, Mozilla 1.0 / Firefox, Netscape 7
if(document.all) var XhrObj = new ActiveXObject("Microsoft.XMLHTTP"); //Internet Explorer
else var XhrObj = new XMLHttpRequest(); //Mozilla
content = document.getElementById("pseudo_check"); //zone d'affichage
XhrObj.open("GET", "verif_pseudo.php");
//Ok pour la page cible
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200) {
if (XhrObj.responseText == 'YESP') {
// ok nouveau pseudo
content.innerHTML='<img src="valid.png" alt=""/> Ok';
} else {
// erreur pseudo déjà existant
content.innerHTML='<img src="annuler.png" alt=""/> Déjà pris';
}
}
}
XhrObj.send('ps='+pseudo);
}
</script>
<body>
<form name="login" method="GET">
<table><tr>
<td>Nom </td><td>: <input type="text" name="pseudo" value="" onblur="req_pseudo(this.value);"></td><td><span id="pseudo_check"></span>
</td>
</tr>
<tr><td>Me </td><td>: <input type="text" name="pass" id="im" ></td><td><div id="imagep"></div></td></tr>
</table>
</form>
</body></html> |
