Dans l'exemple d'AJAX ci-dessous nous démontrerons comment une page Web peut communiquer avec un web server en ligne pendant qu'un utilisateur saisissent des données dans une forme de Web.
Le HTML page d'AJAX
C'est le HTML page simple. Il contient une forme simple de HTML et un lien à un dossier de Javascript.
On donne le code de Javascript dont au-dessous sera stocké dans le dossier « vyom.js
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
}
Mots-clés :
xml de HTML d'ajax, applications de Web, HTML d'ajax asynchrone, utilisateur de HTML d'ajax
