AJAX - XML. PHP - AJAX și XML. Exemplu AJAX XML. Exemplu explicat - Pagina HTML. Funcția "showCD()". Evenimentul "onchange". Funcția showCD().

PHP - AJAX și XML

AJAX poate fi utilizat pentru comunicarea interactivă cu un fișier XML.

Exemplu AJAX XML

Următorul exemplu va demonstra cum o pagină web poate extrage informații dintr-un fișier XML cu AJAX:

Exemplu explicat - Pagina HTML

Când un utilizator selectează un CD dint-o listă verticală, se execută o funcție numită "showCD()".

Funcția este declanșată de evenimentul "onchange":

<html>
<head>
<script>
function showCD(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest) {
    // cod pentru IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // cod pentru 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","getcd.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
Selectați un CD:
<select name="cds" onchange="showCD(this.value)">
<option value="">Selectați un CD:</option>
<option value="Bon Jovi">Bob Dylan</option>
<option value="Beatles">Bee Gees</option>
<option value="Scorpions">Cat Stevens</option>
</select>
</form>
<div id="txtHint"><b>Informațiile despre CD vor fi enumerate aici ... </b></div>

</body>
</html>

Funcția showCD() face următoarele:

Verificați dacă este selectat un CD
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) (cu conținutul listei derulante)