PHP和AJAXXML实例-6.4PHP和AJAX

AJAX 可与 XML 文件进行交互式通信。

创新互联专业为企业提供高平网站建设、高平做网站、高平网站设计、高平网站制作等企业网站建设、网页设计与制作、高平企业网站模板建站服务,十多年高平做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

AJAX XML 实例

在下面的 AJAX 实例中,我们将演示网页如何使用 AJAX 技术从 XML 文件中读取信息。

在下面的下列列表中选择一个 CD

选择 CD:  Bob Dylan Bonnie Tyler Dolly Parton 

在此列出 CD 信息。

本例包括三张页面:

一个简单 HTML 表单一个 XML 文件一个 JavaScript 文件一张 PHP 页面
HTML 表单

上面的例子包含了一张简单的 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 文件

XML 文件是 "cd_catalog.xml"。该文件中包含了有关 CD 收藏的数据。

JavaScript

这是存储在 "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 请求
PHP 页面

这个被 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。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都app开发公司