Diapositive 1 - New Commerce Solutions

Introduction
●AJAX: Asynchronous Javascript and XML
●Similarités entre les WebServices et les requêtes
XmlHttpRequest. (REST Services)
●Une requête est passée, elle contient une fonction et
des paramètres. Une réponse nous est retournée en
XML, Text ou Javascript (JSON)
●Les requêtes ont un but spécifique et donc remplissent
une fonction spécifique.
●La démo de cette présentation se trouve ici :
http://www.newcommerce.ca/demo
Crédit photo: http://ptitecocci.deviantart.com

AJAX – Exemple d'utilisation
●Je suis sur Google Suggest et je cherche à faire une recherche. Je commence à
taper quelques lettres dans le but de former un mot.
●À chaque frappe, la page web (html + javascript) côté client attrape l'événement et
fait une requête auprès du service de suggestion de google pour obtenir des
possibilités de recherches basées sur les lettres entrez. ( GET
http://www.google.com/complete/search?hl=en&js=true&qu=g )
●Google suggest fait une recherche du côté serveur et retourne en format javascript
les recherches les plus populaires débutant par les lettres entrées par l'utilisateur.
( sendRPCDone(frameElement, "gjr", new Array("gjr", "gjr.paknet.com.pk", "gjr
garch", "gjradio", "gjrealsource", "gjr krishnan", "gjrealsource.com", "gjrentals",
"gjrentals.com", "gjrealtors.org"), new Array("68,900 results", "1 result", "861
results", "101 results", "162 results", "591 results", "1 result", "29 results", "1
result", " "), new Array(""));)
●La page web (html+javascript) reçoit ces informations et les démontre à l'utilisateur
à l'aide de dHTML et Javascript

Introduction à l'objet XmlHttpRequest
●L'object xmlHttpRequest est utilisé en Javascript pour communiquer avec le serveur
HTTP, soit le site web.
<code:javascript>
function getXMLHTTP(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
</code:javascript>

Objectif
●Utiliser AJAX pour la validation de données dans un
formulaire
●Développeer l'algorithme de validation :
●Méchanisme de validation en temps réel, c'est-à-dire au fur et à
mesure que les données sont insérées dans le formulaire.
●Il y aura trois états pour le champ: jaune, vert et rouge
●Affichage du message d'erreur à côté du champ à valider.