[AJAX] Auto saisie sur une zone de texte

Bonjour chers developpeur

Je suis entrain d'essayer réaliser une auto-saisie (sur une zone de texte) et faire faire afficher les données d'une table sur ma base mysql.

J'ai adopté un code que j'ai trouver en googlant, je le parte avec vous :
il y 2 pages php

- le premier index.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
52
 function getXMLHttpRequest() {
    var xhr = null;
 
    if (window.XMLHttpRequest || window.ActiveXObject) {
        if (window.ActiveXObject) {
            try {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
            } catch(e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
        } else {
            xhr = new XMLHttpRequest();
        }
    } else {
        alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
        return null;
    }
 
    return xhr;
}
 
 
 
function verifPseudo(pseudo)
     {
 
    var xhr_object =  getXMLHttpRequest();
     var test=document.getElementById('pseudo').value;
 
 // alert(test);     
 
     if (test.length >= 1)
     {
 
     xhr_object.open("POST", "requete.php", false);
     xhr_object.send(test);
     xhr_object.onreadystatechange  = function()
 
 
    {
         if(xhr.readyState  == 4)
         {
              if(xhr.status  == 200) 
                 document.ajax.dyn="Received:"  + xhr.responseText;
              else
                 document.ajax.dyn="Error code " + xhr.status;
         } 
    }
 
 //alert(test);
     };
     }

Code:

1
2
3
4
5
6
7
8
<body>
<form action="#" method="post">
 
Nom de l'entreprise: <input type="text" name="pseudo" id="pseudo" onKeyUp="verifPseudo(this.value)" />
 
<div id="pseudobox"></div>
</form>
</body>

le 2eme fichier (requete.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
<?php
 
require("connect.php");
 
 
$sql= "SELECT Nom FROM contacts WHERE Nom like '%".$_POST['test']."%' " ;
 
$result = mysql_query( $sql );
 
//$result = mysql_query("SELECT Nom FROM contacts WHERE Nom like '%".$_POST['test']."%' ");
 
//$result = mysql_query("SELECT Nom FROM contacts WHERE Nom like '%m%' ");
 
while($resultat=mysql_fetch_array($result))
{
 
    echo $resultat['Nom'].'<br />';
 
   // echo "'.$resultat['Nom'].' <br />";
 
}
 
echo $sql;
?>

ma table est (contacts avec le champ : Nom)

Ma première remarque c'est le form dans le code initial était comme ca

Code:

<form action="requete.php" method="post">

pour ne pas rediriger la page index.php ver requete.php (qui n'a rien avoir avec l'esprit de l'ajax) j'ai mis

Code:

<form action="#" method="post">

Vu mes connaissances limités en java, je n'arrive pas à faire fonctionner ce bout de code.. je souhaites vivement vos aides :oops: