Home > Article > Backend Development > About PHP examples - AJAX and XML interaction
About PHP examples - AJAX and XML interaction
- jackloveOriginal
- 2018-05-07 14:59:591374browse
AJAX can be used to communicate interactively with XML files. This article will explain the interaction between AJAX and XML in detail.
AJAX XML Example
The following example will demonstrate how a web page reads information from an XML file through AJAX:
Example
Select a CD: Bob Dylan Bee Gees Cat Stevens
CD info will be listed here...
Example explanation - HTML page
When the user is on the above When a CD is selected in the drop-down list, a function named "showCD()" will be executed. This function is triggered by the "onchange" event:
<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() function will perform the following steps:
Check whether a CD is selected
to create XMLHttpRequest object
Creates a function that is executed when the server response is ready
Sends a request to a file on the server
Please note the parameter (q) added to the end of the URL (including the drop-down Contents of the list)
PHP file
The server page called by JavaScript in the above paragraph is a PHP file named "getcd.php".
The PHP script loads the XML document, "cd_catalog.xml", runs the query against the XML file, and returns the results in HTML:
<?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>"); }}?>When the CD query is sent from JavaScript When reaching the PHP page, what will happen:
PHP creates the XML DOM object
Find all names in the cbb6a5431263fa60a8770e5fc7758c8f element that match the data passed by JavaScript
Output album information and send back the "txtHint" placeholder
This article explains the interaction between AJAX and XML in detail. For more learning materials, please pay attention to the php Chinese website.
Related recommendations:
About PHP - The interaction between AJAX and MySQL
About PHP - The interaction between AJAX and PHP The connection between
Related knowledge about PHP Simple XML
The above is the detailed content of About PHP examples - AJAX and XML interaction. For more information, please follow other related articles on the PHP Chinese website!