Bază de date AJAX. PHP - AJAX și MySQL. Exemplu de bază de date AJAX. Funcția showUser(). Evenimentul onchange. Explicarea codului. Creați un obiect XMLHttpRequest.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
AJAX poate fi utilizat pentru comunicarea interactivă cu o bază de date.
Exemplu de bază de date AJAX
Modul în care o pagină web poate obține informații dintr-o bază de date cu AJAX:
Exemplu explicat
Când un utilizator selectează o persoană din lista derulantă, se execută o funcție numită „showUser()”.
Funcția este declanșată de evenimentul onchange.
Iată codul HTML:
Exemplu:
<html>
<head>
<script>
function showUser(str) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Select a person:</option>
<option value="1">Petre Georgescu</option>
<option value="2">Luiza Georgescu</option>
<option value="3">Ion Suciu</option>
<option value="4">Georgiana Ionescu</option>
</select>
</form>
<br>
<div id="txtHint"><b>Informațiile despre persoană vor fi enumerate aici ... </b></div>
</body>
</html>
Explicarea codului:
În primul rând, verificați dacă persoana este selectată. Dacă nu este selectată nicio persoană (str == ""), ștergeți conținutul txtHint și ieșiți din funcție. Dacă este selectată o persoană, faceți următoarele:
Creați un obiect XMLHttpRequest
- Creați funcția care trebuie executată atunci când răspunsul serverului este gata
- Trimiteți cererea dezactivată unui fișier de pe server
- Observați că la URL se adaugă un parametru (q) (avand conținutul listei derulante)