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

2020-03-22 16:31:06

字体：大中小

来源：转载

供稿：网友

AJAX 可用于以 XML 返回数据库信息。AJAX Database 转 XML 实例（测试说明：该实例功能未实现）在下面的 AJAX 实例中，我们将演示网页如何从 html' target='_blank'>MySQL 数据库中读取信息，把数据转换为 XML 文档，并在不同的地方使用这个文档来显示信息。本例与上一节中的 PHP AJAX Database 这个例子很相似，不过有一个很大的不同：在本例中，我们通过使用 responseXML 函数从 PHP 页面得到的是 XML 形式的数据。把 XML 文档作为响应来接收，使我们有能力更新页面的多个位置，而不仅仅是接收一个 PHP 输出并显示出来。在本例中，我们将使用从数据库接收到的信息来更新多个 span 元素。在下拉列表中选择一个名字 Select a User:
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 nbsp; span id= lastname /span
/h2
span id= job /span
div > 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=$_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 文档输出数据更多编程语言

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：用PHP+Redis实现延迟任务实现自动取消订单（详细教程）

下一篇：php中的回调函数