PHP+AJAX教程(6):AJAX responseXML实例

当前位置：网学 > 编程文档 > PHP > 正文

来源：Http://myeducs.cn 联系QQ：

作者：用户投稿来源：网络发布时间： 12/12/10

AJAX 可用于以 XML 返回数据库信息。

AJAX Database 转 XML 实例（测试说明：该实例功能未实现）

在下面的 AJAX 实例中，我们将演示网页如何从 MySQL 数据库中读取信息，把数据转换为 XML 文档，并在不同的地方使用这个文档来显示信息。

本例与上一节中的 "PHP AJAX Database" 这个例子很相似，不过有一个很大的不同：在本例中，我们通过使用 responseXML 函数从 PHP 页面得到的是 XML 形式的数据。

把 XML 文档作为响应来接收，使我们有能力更新页面的多个位置，而不仅仅是接收一个 PHP 输出并显示出来。

在本例中，我们将使用从数据库接收到的信息来更新多个 <span> 元素。

在下拉列表中选择一个名字

此列由四个元素组成：

MySQL 数据库
简单的 HTML 表单
JavaScript
PHP 页面

数据库

将在本例中使用的数据库看起来类似这样：

id	FirstName	LastName	Age	Hometown	Job
1	Peter	Griffin	41	Quahog	Brewery
2	Lois	Griffin	40	Newport	Piano Teacher
3	Joseph	Swanson	39	Quahog	Police Officer
4	Glenn	Quagmire	41	Quahog	Pilot

HTML 表单

上面的例子包含了一个简单的 HTML 表单，以及指向 JavaScript 的链接：

<html>
<head>
<script src="responsexml.js"></script>
</head>
<body>
<form>
Select a User:
<select name="users" onchange="showUser(this.value)">
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Glenn Quagmire</option>
<option value="4">Joseph Swanson</option>
</select>
</form>
<h2>
<span id="firstname"></span> <span id="lastname"></span>
</h2>
<span id="job"></span>
<div style="text-align: right">
<span id="age_text"></span>
<span id="age"></span>
<span id="hometown_text"></span>
<span id="hometown"></span>
</div>
</body>
</html>

例子解释 - HTML 表单

HTML 表单是一个下拉列表，其 name 属性的值是 "users"，可选项的值与数据库的 id 字段相对应
表单下面有几个 <span> 元素，它们用作我们所接收到的不同的值的占位符
当用户选择了具体的选项，函数 "showUser()" 就会执行。该函数的执行由 "onchange" 事件触发
换句话说，每当用户在下拉列表中改变了值，函数 showUser() 就会执行，并在指定的 <span> 元素中输出结果。

JavaScript

这是存储在文件 "responsexml.js" 中的 JavaScript 代码：

var xmlHttp
function showUser(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="responsexml.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
xmlDoc=xmlHttp.responseXML;
document.getElementById("firstname").innerHTML=
xmlDoc.getElementsByTagName("firstname")[0].childNodes[0].nodeValue;
document.getElementById("lastname").innerHTML=
xmlDoc.getElementsByTagName("lastname")[0].childNodes[0].nodeValue;
document.getElementById("job").innerHTML=
xmlDoc.getElementsByTagName("job")[0].childNodes[0].nodeValue;
document.getElementById("age_text").innerHTML="Age: ";
document.getElementById("age").innerHTML=
xmlDoc.getElementsByTagName("age")[0].childNodes[0].nodeValue;
document.getElementById("hometown_text").innerHTML="<br/>From: ";
document.getElementById("hometown").innerHTML=
xmlDoc.getElementsByTagName("hometown")[0].childNodes[0].nodeValue;
}
}
function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}

例子解释：

showUser() 与 GetXmlHttpObject 函数与 PHP 和 AJAX MySQL 数据库实例这一节中的例子是相同的。您可以参阅其中的相关解释。

stateChanged() 函数

如果选择了下拉列表中的项目，该函数执行：

通过使用 responseXML 函数，把 "xmlDoc" 变量定义为一个 XML 文档
从这个 XML 文档中取回数据，把它们放在正确的 "span" 元素中

PHP 页面

这个由 JavaScript 调用的服务器页面，是一个名为 "responsexml.php" 的简单的 PHP 文件。

该页面由 PHP 编写，并使用 MySQL 数据库。

代码会运行一段针对数据库的 SQL 查询，并以 XML 文档返回结果：

<?php
header(''Content-Type: text/xml'');
header("Cache-Control: no-cache, must-revalidate");
//A date in the past
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
$q= PHP+AJAX教程(6):AJAX responseXML实例_网学

网站导航：免费论文原创论文论文搜索原创论文网学软件学术大家资料中心会员中心问题解答原创论文论文素材设计下载最新论文下载排行论文上传在线投稿联系我们

C++ VB ASP VF DELPHI JSP 电气计算机经济打包下载查询工具设计案例教授专家实用代码网页配色便捷工具表单美化免费论文可用论文论文培训时间与效率 DIV技术 JS代码百宝箱设计师 AJAX代码 GIF素材背景图片网页图标 QQ表情 png图标动画素材 PPT模板 DIVCSS模板企业模板韩国模板日本模板欧美模板个人模板节庆模板实用工具 Psd素材 QQ专栏 CAJ文档游戏评论游戏攻略游戏赏析游戏前瞻游戏新闻游戏帮助游戏秘籍游戏补丁国外课件本科课件网络课件原创设计原创下载原创论文网站维护(新) 虚拟实验,在线实验系统口才培训驾照考试酒后代驾设计定作设计专题计算机原创网络教育收录查询 ASP,网站,C/S,设计等定作
栏目导航：其他类别 Javascript Android Ajax XHTML MySQL ORACLE SQL SERVER 汇编语言 PHP

当前位置：网学 > 编程文档 > PHP > 正文

PHP+AJAX教程(6):AJAX responseXML实例

来源：Http://myeducs.cn 联系QQ：

作者：用户投稿来源：网络发布时间： 12/12/10

content

点击进入论坛和大家一起交流设计,分享设计素材,结交设计朋友

上一篇资讯： PHP+AJAX教程(7):AJAX Live Search

下一篇资讯： PHP+AJAX教程(5):AJAX MySQL数据库实例

网学推荐

免费论文

原创论文

文章排行榜

· PHP 5.0中多态性的实现方案浅析

· 在PHP中实现重载构造函数的方法

· 详解PHP的面向对象编程

· ZendStudio for Eclipse 调试入门篇

· PHP面向对象程序设计的61条黄金法则

· PHP中使用FCKeditor2.3.2配置

· 在php中使用FCKeditor2.4.2

· 织梦dedecms从底层标签实现二级菜单

· iis下php无法找到该页的错误解决

· PHP V5.3 中的新特性: 名称空间

· IIS下PHP的ISAPI和FastCGI比较

· PHP开发框架的现状和展望

· 优化PHP代码的40条建议

· PHP MVC架构下的一些流行框架...

GET["q"];
$con = mysql_connect(''localhost'', ''peter'', ''abc123'');
if (!$con)
{
die(''Could not connect: '' . mysql_error());
}
mysql_select_db("ajax_demo", $con);
$sql="SELECT * FROM user WHERE id = ".$q."";
$result = mysql_query($sql);
echo ''<?xml version="1.0" encoding="ISO-8859-1"?>
<person>'';
while($row = mysql_fetch_array($result))
{
echo "<firstname>" . $row[''FirstName''] . "</firstname>";
echo "<lastname>" . $row[''LastName''] . "</lastname>";
echo "<age>" . $row[''Age''] . "</age>";
echo "<hometown>" . $row[''Hometown''] . "</hometown>";
echo "<job>" . $row[''Job''] . "</job>";
}
echo "</person>";
mysql_close($con);
?>

例子解释：

当查询从 JavaScript 送达 PHP 页面时，会发生：

PHP 文档的 content-type 被设置为 "text/xml"
PHP 文档被设置为 "no-cache"，以防止缓存
用 HTML 页面送来的数据设置 $q 变量
PHP 打开与 MySQL 服务器的连接
找到带有指定 id 的 "user"
以 XML 文档输出数据

(责任编辑：admin)

点击进入论坛和大家一起交流设计,分享设计素材,结交设计朋友

上一篇资讯： PHP+AJAX教程(7):AJAX Live Search

下一篇资讯： PHP+AJAX教程(5):AJAX MySQL数据库实例