AJAX 可与 XML 文件进行交互式通信。
创新互联专业为企业提供高平网站建设、高平做网站、高平网站设计、高平网站制作等企业网站建设、网页设计与制作、高平企业网站模板建站服务,十多年高平做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
在下面的 AJAX 实例中,我们将演示网页如何使用 AJAX 技术从 XML 文件中读取信息。
选择 CD: Bob Dylan Bonnie Tyler Dolly Parton
本例包括三张页面:
一个简单 HTML 表单一个 XML 文件一个 JavaScript 文件一张 PHP 页面上面的例子包含了一张简单的 HTML 表单,以及指向 JavaScript 的链接:
<html><head><script src="selectcd.js"></script></head><body><form> Select a CD:<select name="cds" onchange="showCD(this.value)"><option value="Bob Dylan">Bob Dylan</option><option value="Bee Gees">Bee Gees</option><option value="Cat Stevens">Cat Stevens</option></select></form><p><div id="txtHint"><b>CD info will be listed here.</b></div></p></body></html> 例子解释:正如您看到的,它仅仅是一张简单的 HTML 表单,其中带有名为 "cds" 的下拉列表。
表单下面的段落包含了一个名为 "txtHint" 的 div。这个 div 用作从 web 服务器检索到的数据的占位符。
当用户选择数据时,会执行名为 "showCD" 的函数。这个函数的执行是由 "onchange" 事件触发的。
换句话说,每当用户改变了下拉列表中的值,就会调用 showCD 函数。
XML 文件是 "cd_catalog.xml"。该文件中包含了有关 CD 收藏的数据。
这是存储在 "selectcd.js" 文件中的 JavaScript 代码:
var xmlHttpfunction showCD(str){ xmlHttp=GetXmlHttpObject()if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="getcd.php"url=url+"?q="+strurl=url+"&sid="+Math.random()xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true)xmlHttp.send(null)}function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("txtHint").innerHTML=xmlHttp.responseText } }function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } }return xmlHttp;} 例子解释:stateChanged() 和 GetXmlHttpObject 函数与上一节中的相同,您可以参阅上一页中的相关解释。
showCD() 函数假如选择了下拉列表中的某个项目,则函数执行:
调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象定义发送到服务器的 URL(文件名)向 URL 添加带有下拉列表内容的参数 (q)添加一个随机数,以防服务器使用缓存的文件当触发事件时调用 stateChanged通过给定的 URL 打开 XMLHTTP 对象向服务器发送 HTTP 请求这个被 JavaScript 调用的服务器页面,是一个名为 "getcd.php" 的简单 PHP 文件。
这张页面是用 PHP 编写的,使用 XML DOM 来加载 XML 文档 "cd_catalog.xml"。
代码运行针对 XML 文件的查询,并以 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++){//Process only element nodesif ($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++){ //Process only element nodesif ($cd->item($i)->nodeType==1) { echo($cd->item($i)->nodeName); echo(": "); echo($cd->item($i)->childNodes->item(0)->nodeValue); echo("<br />"); } }?> 例子解释当请求从 JavaScript 发送到 PHP 页面时,发生:
PHP 创建 "cd_catalog.xml" 文件的 XML DOM 对象循环所有 "artist" 元素 (nodetypes = 1),查找与 JavaScript 所传数据向匹配的名字找到 CD 包含的正确 artist输出 album 的信息,并发送到 "txtHint" 占位符
网页名称:PHP和AJAXXML实例-6.4PHP和AJAX
本文路径:/article36/dghhosg.html
成都网站建设公司_创新互联,为您提供网站设计公司、建站公司、软件开发、网站设计、虚拟主机、Google
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联