AJaX (Asynchronous Javascript XML)

AJaX (Asynchronous

Javascript XML)

felipe@IFT3225 H2020

Principe

Jusqu maintenant (synchrone):

Web

page

Web

page

requte

Ajax (asynchrone):

serveur

requte

e

s

n

o

p



Web

page

r

requte

serveur

Web

page

r

serveur

requte

rponse

e

s

n

o

p



rponse

Pros:

?

?

?

Plus fluide

? pas de chargement dune

nouvelle page

Plus naturel lutilisateur

Non bloquant (asynchrone)

Faits

?

?

?

?

Technologie dveloppe initialement par Microsoft pour IE

Terme invent en 2005

W3C en 2006

WHATWG en 2012

En pratique

1.

2.

3.

4.

Crer un objet XMLHttpRequest

Enregistrer un gestionnaire (callback)

Spcifier les paramtres de la connexion

Envoi de la requte

Grandement facilit par JQuery ou Prototype

1. Crer un objet

En principe:

var req = new XMLHttpRequest();

En pratique:

var XMLHttpFactories = [

function () {return new

function () {return new

function () {return new

function () {return new

function () {return new

function () {return new

];

XMLHttpRequest()},

ActiveXObject("Msxml3.XMLHTTP")},

ActiveXObject("Msxml2.XMLHTTP.6.0")},

ActiveXObject("Msxml2.XMLHTTP.3.0")},

ActiveXObject("Msxml2.XMLHTTP")},

ActiveXObject("Microsoft.XMLHTTP")}

function createXMLHTTPObject() {

var xmlhttp = false;

for (var i=0;i ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download