AJAX XML

<html>
<head>
<script src="vyomselected.js"></script>
</head>
<body>
<form>
Select a CD:
<select name="cds" onchange="showCD(this.value)">
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bonnie Tyler">Bonnie Tyler</option>
<option value="Dolly Parton">Dolly Parton</option>
</select>
</form>
<p>
<div id="txtHint"><b>CD info will be listed here.</b></div>
</p>
</body>
</html>

Wie du sehen kannst, ist es gerecht eine einfache HTML Form mit einem einfachen Tropfen schachtelt unten benanntes „Cd“

Der Punkt unterhalb der Form enthält einen Div. Umbau, der „txtHint“ genannt wird. Die Div. wird als placeholder zu der Information verwendet, die vom web server zurückgeholt wird.

Als die auserwählten Daten des Benutzers, eine Funktion „benannten, showCD“ wird durchgeführt. Die Durchführung der Funktion wird durch den „onchange“ Fall des Javascript ausgelöst. Mit anderen Worten: Jedesmal wenn die Benutzeränderung der Wert im des Tropfens Menükasten unten, das Funktion showCD benannt wird.

Der Javascriptcode wird unten gegeben

Das AJAX Javascript

Dieses ist der Javascriptcode, der in der Akte „vyomselected.js“ gespeichert wird:

var xmlHttp

function showCustomer(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="getcustomer.asp"
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 objXMLHttp=null
if (window.XMLHttpRequest)
{ objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}

Die AJAX Bediener-Seite

Der Bediener paginierte benannt durch das Javascript, ist eine einfache Asp Akte, die hat Namen „getvyomcd1.asp“

Die Seite wird in VBScript für den Internet-Informationsserver (IIS) geschrieben. Sie könnte in PHP oder in einigen anderen Bedienersprachen leicht neu geschrieben werden.

Der Code läßt eine Frage gegen eine XML Akte laufen und bringt das Resultat als HTML Format zurück.

q=request.querystring("q")

set xmlDoc=Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load(Server.MapPath("cd_catalog.xml"))

set nodes=xmlDoc.selectNodes("CATALOG/CD[ARTIST='" & q & "']")

for each x in nodes
for each y in x.childnodes
response.write("<b>" & y.nodename & ":</b> ")
response.write(y.text)
response.write("<br />")
next
next