ajax操作mysql_PHP 和 AJAX responseXML 实例

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="
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" 元素中