[AJAX] AJAX + ASP.

Version imprimable

[AJAX] AJAX + ASP.

Bonjour à tous,

J'ai fait deux pages:

Page1.asp qui contient le formulaire et le code Javascript:

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
 
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!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=iso-8859-1" />
<title>Document sans titre</title>
 
<script type="text/javascript">
function writediv(texte)
     {
     document.getElementById('ville').innerHTML = texte;
     }
 
function verifVille(cp)
     {
     if(cp != '')
               {
               if(cp.length<5)
                         writediv('<span style="color:#cc0000"><b>'+cp+' :</b> ce Code Postal est court</span>');
 
               else if(texte = file('Page2.asp?cp='+escape(cp)))
                         {
          if(texte == "ok")
               writediv('<span style="color:#cc0000"><b>'+cp+' :</b> ce Code Postal existe</span>');
          else if(texte == "no")
               writediv('<span style="color:#1A7917"><b>'+cp+' :</b> ce Code Postal n existe pas</span>');
          else
               writediv('');
                         }
               }
 
     }
 
function file(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest();
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     else
          return(false);
     xhr_object.open("POST", fichier, true);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) return(xhr_object.responseText);
     else return(false);
     }
</script>
 
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
 
  <input type="text" name="cp" onKeyUp="verifVille(this.value)" />
  <div id="ville"></div>
</form>
</body>
</html>

Page2.asp qui contient le code ASP pour testet l'existance du Code Postal dans la base de données:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
..
'La requête est:
requete = "select cp from toutes_villes where cp like '"&Request("cp")&"'"
...
.....
<%if resultat="ok" then%>
<%response.Write("ok")%>
<%else%>
<%response.Write("no")%>
<%end if%>

Mais il donne rien si on tape 5 caractères ou plus !

Quel est le problème ?

Et merci d'avance.

26/07/2007, 13h03
insane_80

Je pense que le pb existe ici : if(xhr_object.readyState == 4)
26/07/2007, 14h10
Fourche

Code:

else if(texte = file('Page2.asp?cp='+escape(cp)))

euh, texte n'a pas de valeur là non?
Ca fait pas comme si tu comparais texte et le résultat de ta fonction?
Auquel cas, il ne rentre jamais dedans...

Perso j'aurai fait :

Citation:

else {
texte = file('Page2.asp?cp='+escape(cp))
[...]
}
26/07/2007, 15h50
insane_80

J'ai fait comme ça:

Citation:

else {
texte = file('Page2.asp?cp='+escape(cp))
[...]
}

Mais la fonction file me retourne toujours false!!
26/07/2007, 15h58
Fourche
Hum, ...
essaye de voir si ton paramètre est bien pris en compte
Code:

1 2 3 4 5 function file(fichier) { alert(fichier); [...]
Dis nous/moi ce qu'il t'affiche...
Je pense que comme partout tu lui mets que tu passes tes variables en post et que finalement ton cp tu le passes en get (request.querystring), il apprécie peut etre pas...

sinon :

Code:

texte = file('Page2.asp',escape(cp))

et dans ta fonction file,
Code:

1 2 3 xhr_object.open("POST", fichier, true); var data = "cp="+cp xhr_object.send(data);
26/07/2007, 16h18
insane_80

Si je fais:

Citation:

function file(fichier)
{
alert(fichier);
[...]

alors l'alert affiche: Page2.asp?id=78240 (j'ai saisi 78240)
et la fonction file retourne false.

Si je fais:

Code:

texte = file('Page2.asp',escape(cp))

et

Citation:

xhr_object.open("POST", fichier, true);
var data = "cp="+cp
xhr_object.send(data);

alors alert(fichier) donne Page2.asp
et la fonction ne retourne rien c-a-d ça marche pas
26/07/2007, 16h21
Fourche

T'es sur du code de ta page2.asp ?
26/07/2007, 16h43
insane_80

Oui,
Si j'execute "page2.asp?cp=78240"

j'obtiens ok

Il manque une fonction qui surveille l'état de l'objet xhr_object:

Code:

1
2
3
4
5
6
7
 
xhr_object.open("POST", fichier, true);
xhr_object.onreadystatechange = function() { 
      if(xhr_object.readyState == 4) return(xhr_object.responseText);
}
var data = "cp="+cp
xhr_object.send(data);