PHP 和 AJAX XML 实例
- ముంది పేజీ AJAX సలెక్షన్
- తరువాతి పేజీ AJAX డేటాబేస్
AJAX XML ఫైల్లతో ఇంటరాక్టివ్ కమ్యూనికేషన్ చేయవచ్చు.
AJAX XML ఉదాహరణ
క్రింది AJAX ఉదాహరణలో, మేము వెబ్సైటు ఎలా AJAX టెక్నాలజీని ఉపయోగించి XML ఫైల్లో సమాచారాన్ని పదిని చేద్దాం.
క్రింది జాబితాలో ఒక CD ఎంచుకొనండి
ఈ ఉదాహరణలో మూడు పేజీలు ఉన్నాయి:
- ఒక సాధారణ HTML ఫారమ్
- ఒక XML ఫైల్
- ఒక JavaScript ఫైల్
- ఒక PHP పేజీ
HTML ఫారమ్
ఎప్పుడు ఉదాహరణలో ఒక సాధారణ HTML ఫారమ్ మరియు జావాస్క్రిప్ట్ కు సంబంధించిన లింకులు ఉన్నాయి:
例子解释：
正如您看到的，它仅仅是一张简单的 HTML 表单，其中带有名为 "cds" 的下拉列表。
表单下面的段落包含了一个名为 "txtHint" 的 div。这个 div 用作从 web 服务器检索到的数据的占位符。
当用户选择数据时，会执行名为 "showCD" 的函数。这个函数的执行是由 "onchange" 事件触发的。
换句话说，每当用户改变了下拉列表中的值，就会调用 showCD 函数。
XML ఫైలు
XML ఫైలు "cd_catalog.xml". ఈ ఫైల్లో సిడీ సేకరణకు సంబంధించిన సమాచారం ఉంది.
JavaScript
ఇది "selectcd.js" ఫైల్లో నిల్వచేసిన JavaScript కోడ్ ఉంది:
var xmlHttp
function showCD(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("బ్రౌజర్ HTTP అభ్యర్ధనను మద్దతు ఇవ్వలేదు")
return
}
var url="getcd.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")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
例子解释：
stateChanged() 和 GetXmlHttpObject 函数与上一节中的相同，您可以参阅上一页中的相关解释。
showCD() 函数
假如选择了下拉列表中的某个项目，则函数执行：
- 调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象
- 定义发送到服务器的 URL（文件名）
- 向 URL 添加带有下拉列表内容的参数 (q)
- 添加一个随机数，以防服务器使用缓存的文件
- 当触发事件时调用 stateChanged
- 通过给定的 URL 打开 XMLHTTP 对象
- 向服务器发送 HTTP 请求
PHP 页面
这个被 JavaScript 调用的服务器页面，是一个名为 "getcd.php" 的简单 PHP 文件。
这个页面是用 PHP 编写的，使用 XML DOM 来加载 XML 文档 "cd_catalog.xml"。
PHP 代码运行针对 XML 文件的查询，并以 HTML 返回结果：
<?php
$q=$_GET["q"];
$xmlDoc = new DOMDocument();
$xmlDoc->load("cd_catalog.xml");
$x=$xmlDoc->getElementsByTagName('ARTIST');
for ($i=0; $i<=$x->length-1; $i++)
{
//Process only element nodes
if ($x->item($i)->nodeType==1)
{
if ($x->item($i)->childNodes->item(0)->nodeValue == $q)
{
$y=($x->item($i)->parentNode);
}
}
}
$cd=($y->childNodes);
for ($i=0;$i<$cd->length;$i++)
{
//Process only element nodes
if ($cd->item($i)->nodeType==1)
{
echo($cd->item($i)->nodeName);
echo(": ");
echo($cd->item($i)->childNodes->item(0)->nodeValue);
echo("<br />");
}
}
?>
ఉదాహరణలు గురించి
జావాస్క్రిప్ట్ నుండి PHP పేజీకి అభ్యర్ధన అయితే జరిగే పరిస్థితి
- PHP "cd_catalog.xml" ఫైల్ని సృష్టించే XML DOM ఆబ్జెక్ట్
- అన్ని "artist" ఎలమెంట్స్ లో చొరవాడం, జావాస్క్రిప్ట్ పంపబడిన డాటాతో సమానమైన పేరును కనుగొనుట
- కేటాగరీకి చెందిన కర్తావర్గం యొక్క సరైన కర్తావర్గాన్ని కనుగొనుట
- ఆల్బమ్ యొక్క సమాచారాన్ని అవుట్పుట్ చేసి, "txtHint" ప్లేస్ హోల్డర్కు పంపుతుంది
- ముంది పేజీ AJAX సలెక్షన్
- తరువాతి పేజీ AJAX డేటాబేస్
