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
