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

ajax数据库转xml实例：（（（该未））

在功能未未未未未未未未未在在在在的

“ php ajax数据库”这个这个节中与与与中中中中这个例子例子很很xml

文档文档接收接收接收

接收<span> 元素。

在下面的列表中选择一个名称

Select a User:此列表

 由四个元元素组成：

MySQL 数据库

简单的 HTML列表

JavaScript

PHP 页面

数据库

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

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 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表单表单下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表属性属性属性属性属性是是是是是是是是是是是是是是是是是是值是值值值值值值

值showuser

（）“ showuser（）”就就会执行执行执行。。。。该该该函数函数函数的由由由由由

由，函数 showUser() 就会执行，并在指定的 <span> 元素中输出结果。

JavaScript

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

var xmlHttpfunction 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 }

stateChanged() 函数如果选择了下拉列表中的项目，该函数执行：通过使用 responseXML 函数，把 "xmlDoc" 变量定义为一个 XML 文档从这个 XML 文档中取回数据，把它们放在正确的 "span" 元素中

php页面

这个javascript调用的页面页面

页面

返回结果：

<?phpheader('Content-Type: text/xml');header("Cache-Control: no-cache, must-revalidate");//A date in the pastheader("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 文档的内容类型被设置为 "text/xml"

PHP 文档被设置为 "no-cache"，以防止缓存使用

HTML 的页面发送数据设置 $q 变量

PHP打开与MySQL服务器的连接

找到带有指定id的“用户”

以XML文档输出数据