AJAX - XML. PHP - AJAX și XML. Exemplu AJAX XML. Exemplu explicat - Pagina HTML. Funcția "showCD()". Evenimentul "onchange". Funcția showCD().
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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)