作者:Melix7 | 来源:互联网 | 2018-07-17 04:47
ec(2);PHPandAJAXresponseXML实例教程AJAX技术可以用来恢复的数据库信息为XML。AJAX的数据库为XML的例子在AJAX以下例子,我们将演示如何网页上可以卖到信息从一个MySQL数据库,它转换为一个XML文档,并用它来显示信息在几个不同的地方。这个例子我似乎很像“PHP的AJAX技术数据库”例如,在
PHP and AJAX responseXML 实例教程
AJAX技术可以用来恢复的数据库信息为XML 。
AJAX的数据库为XML的例子
在AJAX以下例子,我们将演示如何网页上可以卖到信息从一个MySQL数据库,它转换为一个XML文档,并用它来显示信息在几个不同的地方。
这个例子我似乎很像“ PHP的AJAX技术数据库”例如,在最后一章,但是有一个很大的不同:在这个例子中我们得到的数据从PHP的XML网页使用responseXML功能。
接收的响应作为XML文件使我们能够更新这个网页好几个地方,而不是只接受一个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
Select a User:
Peter Griffin
Lois Griffin
Glenn Quagmire
Joseph Swanson
例如解释-的H TML表单 在HTML表单是一个下拉框中所谓的“用户”的名字和“身份证”从数据库,作为选择的价值。 下面的形式有几种不同的要素是用来作为占位符的不同的价值观,我们将检索。 当用户选择的数据,一个函数称为“ showUser ( ) ”执行。执行的职能是引发的“ onchange ”事件。 换句话说:每一次变化的用户的价值在下拉框中,功能showUser ( )被调用和产出的结果在指定的内容。 转载请注明来自http://www.111cn.net/wy/yw.html 的Javascript 这是Javascript代码存储在文件中“ responsexml.js ” :
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章数据库,您可以去那里解释这些。 该stateChanged ( )函数 如果一个项目在下拉框中选择执行的功能如下: 界定了“语法”变量作为一个XML文件使用responseXML功能 检索数据从XML文件和使他们在正确的内容 PHP页面 该服务器的页面要求的Javascript ,是一个简单的PHP文件名为“ responsexml.php ” 。 该网页是PHP写成的,并使用一个MySQL数据库。 该代码运行一个SQL查询的数据库,并返回结果作为一个XML文件:
$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 '
';
while($row = mysql_fetch_array($result))
{
echo "" . $row['FirstName'] . " ";
echo "" . $row['LastName'] . " ";
echo "" . $row['Age'] . " ";
echo "" . $row['Hometown'] . " ";
echo "" . $row['Job'] . " ";
}
echo " ";
mysql_close($con);
?>
转载请注明来自http://www.111cn.net/wy/yw.html