Base de données AJAX
AJAX peut être utilisé pour une communication interactive avec une base de données.
Exemple de base de données AJAX
L’exemple suivant montre comment une page Web peut récupérer des informations à partir d’une base de données avec AJAX :
Exemple
Les informations client seront listées ici…
Essayez-le vous-même »
Exemple expliqué – La fonction showCustomer()
Lorsqu’un utilisateur sélectionne un client dans la liste déroulante ci-dessus, une fonction appelée showCustomer() est exécuté. La fonction est déclenchée par le onchange événement:
afficherClient
function showCustomer(str) {
si (chaîne == “”) {
document.getElementById(“txtHint”).innerHTML = “” ;
retour;
}
const xhttp = new XMLHttpRequest();
xhttp.onload = fonction() {
document.getElementById(“txtHint”).innerHTML = this.responseText ;
}
xhttp.open(“GET”, “getcustomer.php?q=”+str);
xhttp.send();
}
Le showCustomer() fonction fait ce qui suit :
- Vérifier si un client est sélectionné
- Créer un objet XMLHttpRequest
- Créer la fonction à exécuter lorsque la réponse du serveur est prête
- Envoyer la demande vers un fichier sur le serveur
- Notez qu’un paramètre (q) est ajouté à l’URL (avec le contenu de la liste déroulante)
La page du serveur AJAX
La page sur le serveur appelée par le JavaScript ci-dessus est un fichier PHP appelé “getcustomer.php”.
Le code source dans “getcustomer.php” exécute une requête sur une base de données et renvoie le résultat dans un tableau HTML :
$mysqli = nouveau mysqli(“nom du serveur“, “nom d’utilisateur“, “mot de passe“, “nom de base de données“);
if($mysqli->connect_error) {
exit(‘Impossible de se connecter’);
}
$sql = “SELECT ID client, nom de l’entreprise, nom du contact, adresse, ville, code postal, pays
FROM clients WHERE idclient = ?”;
$stmt = $mysqli->prepare($sql);
$stmt->bind_param(“s”, $_GET[‘q’]);
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($cid, $cname, $name, $adr, $city, $pcode, $country);
$stmt->fetch();
$stmt->fermer();
echo “
” ;
echo “
” ;
echo “
ID client
” ;
echo “
” . $id . “
” ;
echo “
NomSociété
” ;
echo “
” . $cname . “
” ;
echo “
NomContact
” ;
echo “
” . $nom . “
” ;
echo “
Adresse
” ;
echo “
” . $adr . “
” ;
echo “
Ville
” ;
echo “
” . $ville . “
” ;
echo “
Code Postal
” ;
echo “
” . $pcode . “
” ;
echo “
Pays
” ;
echo “
” . $pays . “
” ;
echo “
” ;
echo “
” ;
?>
#Base #données #AJAX
