- Ajax -

AJAX signifie Asynchronous Javascript And XML : Application permettant de maintenir une communication entre le client et le serveur, sans que celui-ci ait besoin de recharger la page dans le navigateur.

Exemple 2 (améliorations)

Accéder à un fichier sur le serveur et en afficher le contenu.

// Création d'un objet de requete
var objetRequete = initialiseRequete();

function initialiseRequete()
{
	// Pour IE7, Firefox, Opera, Chrome, Safari.
	if (window.XMLHttpRequest)
	return new XMLHttpRequest();
	// Pour IE5, IE6
	elseif (window.ActiveXObject)
	return new ActiveXObject("Microsoft.XMLHTTP");
}

if (objetRequete.readyState == 4)
{
 if (objetRequete.status == 200)
 {
	// Envoi de la requête
	objetRequete.open("GET","fichier.txt",true);
	objetRequete.send();
	// Restitution dans le navigateur dans l'élément monDiv
	document.getElementById("monDiv").innerHTML=objetRequete.responseText;
 }
 else
 alert("Il y eu une erreur: (" + objetRequete.status + ") " + objetRequete.statusText);
}

Les Evénements de l'objet

readyState -> Indique l'état de l'objet de requête. Valeurs de 0 à 4.

0: requête non initialisée
1: connexion au serveur établit
2: requête reçue
3: traitement de la requête
4: requête terminée et réponse prête

status -> Indique si le fichier demandé a été trouvé

200: "Ok"
404: Page non trouvé

Réponses du serveur

Pour obtenir la réponse d'un serveur, employez la propriété responseText ou responseXML de l'objet XMLHttpRequest.

responseText -> obtebir la réponse comme chaîne de caractères
responseXML -> obtenir la réponse comme données XML