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
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);
};
} |
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)
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
<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
<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
Partager