Simple exemlpe 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+.

14/12/2010, 16h39	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	Bonsoir, Pour la méthode GET, tu dois concatener les variables à l'URL. A+.
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email