[AJAX] Simple exemple en ajax

**youssef222** · 14/12/2010, 13h09

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 php :

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
<?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 html :

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
<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>

**andry.aime** · 14/12/2010, 16h39

Bonsoir,
Pour la méthode GET, tu dois concatener les variables à l'URL.

A+.

[AJAX] Simple exemple en ajax

AJAX

Vue hybride

Discussions similaires

Partager

Partager