Poster un commentaire ou une réponse
Premier exemple AJAX avec base de donnée
Hafedh :
nb posts:89
nb discussions:29
inscrit le :09-02-2015
le but de cet exemple est de savoir utiliser ajax et la base de donnée a la fois.
Nous un champ texte et une image
dans le champs texxte on insère un nom et nous voulons vérifier si ce nom existe dans notre base ou pas. le résultat sera affiché par une image.
Commencon par créer une table utilisateur qui contient 'id' et 'nom' comme champ. remplissez une ou deux lignes
notre page principale contient ce code:
<html>
<head>
<script language="javascript">
function recuperation()
{
xhr=new XMLHttpRequest(); <!-- instancier lobjet c lintermediere entre la page web et lotre page se trouvan ds le serveur. !>
xhr.onreadystatechange=function() //fonction execute apres la recpe
{
if(xhr.status==200) // test si le fichier exisite au nivo du serveur
{
if(xhr.readyState==4) // evite dafficher 4 fois
//document.getElementById('msg').value=xhr.responseText;
if(xhr.responseText == 0)
document.getElementById('image').src="no.jpg";
else
document.getElementById('image').src="ok.jpg";
}
};
pseudo=document.getElementById('msg').value;
xhr.open('GET','verif.php?pseu='+pseudo,true); // appelle la fction dessus
xhr.send(document.getElementById('msg').value);
}
</script>
</head>
<body>
<form name="f">
<input type="text" name="mdsg" id="msg" onchange="recuperation()" />
<img src ="" height="20" width="20" id="image">
</form>
</body>
</html>
Hafedh :
nb posts:89
nb discussions:29
inscrit le :09-02-2015
La vérification se fait dans la page 'verif.php':
<?php
$server= '127.0.0.1';
$user='root';
$pwd='';
$db='based';
$pseudo=$_GET['pseu'];
$con= mysql_connect($server, $user, $pwd);
mysql_select_db($db);
$requete="select * from utilisateurs where nom = '$pseudo'";
$data=mysql_query($requete);
$number = mysql_num_rows($data); // nombre de lingne de retour
echo $number;
?>
Hafedh :
nb posts:89
nb discussions:29
inscrit le :09-02-2015
si le nom existe dans notre tabe de données on aura:
Hafedh :
nb posts:89
nb discussions:29
inscrit le :09-02-2015
Publicité
Hafedh :
nb posts:89
nb discussions:29
inscrit le :09-02-2015
sinon on aura:
Hafedh :
nb posts:89
nb discussions:29
inscrit le :09-02-2015
