Im AJAX Beispiel unten demonstrieren wir, wie eine Webseite ein on-line web server verbunden sein kann, während ein Benutzer Daten in eine Netzform eingeben.
Das AJAX HTML page
Dieses ist das einfache HTML page. Es enthält eine einfache HTML Form und eine Verbindung zu einer Javascriptakte.
Der Javascriptcode wird gegeben, unterhalb dessen in der Akte „vyom.js gespeichert wird
var xmlHttp
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="gethint.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
}
Schlüsselwörter:
ajax HTML xml, Netzanwendungen, ajax HTML asynchron, ajax HTML Benutzer