PHP మరియు AJAX responseXML ఉదాహరణ

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 ఫారమ్ను మరియు జావాస్క్రిప్ట్ కు లింకును కలిగి ఉంది:

<html>
<head>
<script src="responsexml.js"></script>
</head>
<body>
<form> 
వాడకుడు ఎంచుకొనున్న యూజర్‌ను ఎంచుకొనుము:
<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" ఫైల్లో నిలువుగా ఉంది:

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() ఫంక్షన్

డౌన్ లిస్ట్ లోని అంశాన్ని ఎంపిక చేసినప్పుడు, ఈ ఫంక్షన్ అమలు చేస్తుంది:

  1. responseXML ఫంక్షన్ ఉపయోగించి, "xmlDoc" వేరియబుల్ను ఒక XML డాక్యుమెంట్ గా నిర్వచిస్తారు
  2. XML డాక్యుమెంట్ నుండి డాటాను పొంది, వాటిని సరైన "span" ఎలమెంట్స్ లో చొందిస్తారు

PHP పేజీ

ఈ జావాస్క్రిప్ట్ ద్వారా కాల్ అయిన సర్వర్ పేజీ, "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);
?>

ఉదాహరణ వివరణలు:

జావాస్క్రిప్ట్ నుండి PHP పేజీకి క్వరీ వచ్చినప్పుడు జరుగుతుంది:

  • PHP డాక్యుమెంట్ యొక్క content-type ను "text/xml" గా సెట్ చేయడం
  • PHP డాక్యుమెంట్ ను "no-cache" గా సెట్ చేయడం ద్వారా క్యాచ్ నివారించండి
  • HTML పేజీ నుండి వచ్చిన డాటాను $q వేరియబుల్ సెట్ చేయండి
  • PHP మైసెక్యూల్ సర్వర్ తో కనెక్షన్ తెరువడం
  • కంటెంట్ పై ప్రిన్ట్ చేయడానికి
  • ప్రిఫిక్షన్ పై ప్రిన్ట్ చేయడానికి