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.

PHP - AJAX și MySQL

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)