[AJAX] Utilisation AJAX

Version imprimable

Bonjour,

j'utilise AJAX pour remplir dynamiquement un formulaire à l'aide de données extraites d'une base de données.

Voila mon code

page test.php

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
 
 
<html>
    <body>
        <form name='test' method='GET'>
              <input type='text' name='nom' onKeyUp='SendQuery(this.value)'>
        </form>
    </body>
 
    <script language='javascript'>
            var req;
            function Initialize()
            {
                try
                {
                    req=new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e)
                {
                    try
                    {
                        req=new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    catch(oc)
                    {
                        req=null;
                    }
                }
 
                if(!req&&typeof XMLHttpRequest!="undefined")
                {
                    req= new XMLHttpRequest();
                }
 
            }
            function SendQuery(key)
                {
 
                Initialize(); varurl="param.php?param="+key;
 
                if(req!=null)
                {
                    req.onreadystatechange = Process;
                    req.open("GET", varurl, true);
                    req.send(null);
 
                }
 
            }
</script>
</html>

page param.php

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
 
<?php
 
    require_once('connect.php');
    $conn = ora_logon(LOGIN2."@".INSTANCE,PASSE2);
    $param=$_GET['param'];
    if($param=="")   //dans le cas ou il n'y a pas de parametre... on n'execute pas de requete.
        exit();
 
 
    $requete="SELECT p1.nomusu name, p1.prenom".
             " FROM personne p1, pers_orga_fonc p2, organigramme o".
             " where p1.codagt=p2.codagt".
             " and o.entorg=p2.entorg".
             " and p2.entorg like '61402002%'".
             " and p1.nomusu like '%$param%'".
             " order by nomusu";
 
    include("select.php");
    $v_open = ora_open($conn) or die ('Could not connect.'.ora_error());
    $v_parse = ora_Parse($v_open, $requete);
    $v_execute = ora_Exec($v_open) or die ('Execution not made.'.ora_error());
    while(Ora_Fetch($v_open))
    {
          $name=Ora_GetColumn($v_open, 0);?>
          <a href="#" style="color:#0069B3;text-decoration:none;" onClick="javascript:document.test.nnom.value='<?= $name; ?>'"> <?= str_replace("\'","'",$name); ?> </a><br>
          <?
    }
 
?>

Il n'y a pas d'erreur au niveau SQL.
Je n'arrive pas à comprendre pourquoi mes données ne s'affichent pas.

Quelqu'un aurait une idée?

Merci

24/01/2006, 10h46
siddh

Code:

req.onreadystatechange = Process;

ca serais bien de nous montrer ce que fais Process non ?
(et enlève les javascript: du onclick, ils servent a rien)
24/01/2006, 11h03
illegalsene
il ne faut pas tenir compte du
Code:

1 2 req.onreadystatechange = Process;
pour ce qui est du javascript:onClick je l'ai mis afin de remplire le champ sur simple clic[/code]
24/01/2006, 11h09
siddh

euh ben c est Process qui va faire le travail donc bon ....

et je te dis juste de sortir javascript: et de laisser le reste

tiens voila la vraie version

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
 
 
<html>
    <body>
        <form name='test' method='GET'>
              <input type='text' name='nom' onKeyUp='SendQuery(this.value)'>
              <div align="left" class="box" id="autocomplete"></div>
        </form>
    </body>
 
    <script language='javascript'>
            var req;
            function Initialize()
            {
                try
                {
                    req=new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e)
                {
                    try
                    {
                        req=new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    catch(oc)
                    {
                        req=null;
                    }
                }
 
                if(!req&&typeof XMLHttpRequest!="undefined")
                {
                    req= new XMLHttpRequest();
                }
 
            }
            function SendQuery(key)
                {
 
                Initialize(); varurl="param.php?param="+key;
 
                if(req!=null)
                {
                    req.onreadystatechange = function() { 
                            if(req.readyState == 4)
                                  req.responseText;
                    req.open("GET", varurl, true);
                    req.send(null);
 
                }
 
            }
 
</script>
</html>

24/01/2006, 11h17
Johnbob

Peut-être cette ligne:

Code:

if(!req&&typeof XMLHttpRequest!="undefined")

Tu veux appliquer le ! à req ou à tout ?
Ça manque peut-être de parenthèses pour le "typeof" :?:

Code:

1 2 3 req.onreadystatechange = function() { if(req.readyState == 4) req.responseText;
il manque l'accolade de fin et si tu veux voir quelquechose, fais au moins un alert de responseText ....

un tuto :
http://siddh.developpez.com/articles/ajax/

24/01/2006, 11h55
illegalsene

c'est bon merci. J'ai finalment utiliser les <div> pour afficher les donner dans un calque