AJAX kann zur interaktiven Kommunikation mit XML-Dateien verwendet werden. In diesem Artikel wird die Interaktion zwischen AJAX und XML ausführlich erläutert.
AJAX XML-Beispiel
Das folgende Beispiel zeigt, wie eine Webseite Informationen aus einer XML-Datei über AJAX liest:
Beispiel
Wählen Sie eine CD aus: Bob Dylan Bee Gees Cat Stevens
CD-Informationen werden hier aufgelistet...
Beispielerklärung – HTML-Seite
Wenn der Benutzer befindet sich oben Wenn eine CD in der Dropdown-Liste ausgewählt wird, wird eine Funktion namens „showCD()“ ausgeführt. Diese Funktion wird durch das Ereignis „onchange“ ausgelöst:
<html><head><script>function showCD(str){ if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","getcd.php?q="+str,true); xmlhttp.send();}</script></head><body><form>Select a CD:<select name="cds" onchange="showCD(this.value)"><option value="">Select a CD:</option><option value="Bob Dylan">Bob Dylan</option><option value="Bonnie Tyler">Bonnie Tyler</option><option value="Dolly Parton">Dolly Parton</option></select></form><div id="txtHint"><b>CD info will be listed here...</b></div></body></html>
showCD()-Funktion führt die folgenden Schritte aus:
Überprüfen, ob eine CD ausgewählt ist
erstelltes XMLHttpRequest-Objekt
Erstellt eine Funktion, die ausgeführt wird, wenn die Serverantwort bereit ist
Sendet eine Anfrage an eine Datei auf dem Server
Beachten Sie den hinzugefügten Parameter (q). bis zum Ende der URL (einschließlich des Dropdown-Inhalts der Liste)
PHP-Datei
Die von JavaScript im obigen Absatz aufgerufene Serverseite ist eine PHP-Datei Datei mit dem Namen „getcd.php“.
PHP-Skript lädt ein XML-Dokument, „cd_catalog.xml“, führt eine Abfrage für die XML-Datei aus und gibt die Ergebnisse in HTML zurück:
<?php $q=$_GET["q"];$xmlDoc = new DOMDocument();$xmlDoc->load("cd_catalog.xml");$x=$xmlDoc->getElementsByTagName('ARTIST');for ($i=0; $i<=$x->length-1; $i++){ // 处理元素节点 if ($x->item($i)->nodeType==1) { if ($x->item($i)->childNodes->item(0)->nodeValue == $q) { $y=($x->item($i)->parentNode); } }}$cd=($y->childNodes);for ($i=0;$i<$cd->length;$i++){ // 处理元素节点 if ($cd->item($i)->nodeType==1) { echo("<b>" . $cd->item($i)->nodeName . ":</b> "); echo($cd->item($i)->childNodes->item(0)->nodeValue); echo("<br>"); }}?>
Wenn die CD Die Abfrage wird von JavaScript gesendet. Was passiert, wenn Sie zur PHP-Seite gelangen:
PHP erstellt ein XML-DOM-Objekt
Suchen Sie alle Namen im
Albuminformationen ausgeben und den Platzhalter „txtHint“ zurücksenden
In diesem Artikel wird die Interaktion zwischen AJAX und XML ausführlich erläutert. Weitere Lernmaterialien finden Sie auf der chinesischen PHP-Website .
Verwandte Empfehlungen:
Über PHP – die Interaktion zwischen AJAX und MySQL
Über PHP – die Interaktion zwischen AJAX und PHP Die Verbindung zwischen
Relevantes Wissen über PHP Simple XML
Das obige ist der detaillierte Inhalt vonÜber PHP-Beispiele – AJAX- und XML-Interaktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!