AJAX (Asynchronous JavaScript + XML)

s una tcnica que t coma objectiu i avantatge principal minimitzar la regeneraci de documents Web cada cop un usuari solliciti informaci o dades del servidor d'aplicacions Web, la qual s'executa en el client (navegador Web) i combina diferents tecnologies (XHTML + CSS -> Presentaci basada en estndards ; DOM -> Creaci i manipulaci dinmica de la presentaci ; JSON + XML -> Intercanvi i manipulaci de la informaci que es mostrar ; XHR [XmlHttpRequest] -> Intercanvi asncron d'informaci ; JavaScript > Combina totes les anteriors i s'encarrega de les peticions cap al servidor) , mantenint una comunicaci asncrona amb el servidor d'aplicacions Web, perqu d'aquesta manera sigui possible realitzar canvis en les pgines Web de l'aplicaci Web sense la necessitat de recarregar-les (ex. desplegar una llista d'elements, com ara de provncies). Per utilitzar Ajax normalment es fa s dels segents arxius: -HTML: La pgina Web en si que es visualitza (cal posar IDs a les Tags <div/> que mostren el contingut dinmic). -JavaScript: Cont les rutines que permeten actualitzar la pgina Web dinmicament grcies a l's de DOM, i tamb les rutines que permeten comunicar-se amb el servidor per intercanviar (XML->XHR) i manipular (JSON) informaci. -CSS: Full d'estils que s'encarrega de manipular com s'ha de presentar el contingut dins els fitxers HTML. -Script del Servidor: Aquest fitxer es troba en la part del servidor i s el que s'encarrega de respondre les peticions del client. Aquest pot ser un script PHP, un Servlet, etc. Per treballar amb Ajax s necessri un "XMLHTTPRequest" que s l'objecte a partir del qual es crea la connexi asncrona entre el servidor i el client perqu es puguin enviar i rebre dades en segon pla. Les propietats d'aquest objecte sn: -onreadystatechange: Emmagatzema la funci que s'executar quan el objecte "XMLHTTPRequest"canvi d'estat. -readyState: Emmagatzema en quin estat es troba la petici que s'ha enviat al servidor (4 = les dades estan llestes). -responseText: Emmagatzema el String (pot ser un html) retornat pel servidor un cop realitzada la petici. Aquest restultat es sol assignar a la capa on es vol incloure el contingut dinmic (refCapa.innerHTML = xhr.responseText). -responseXML: Emmagatzema un String en format XML amb les dades retornades pel servidor. -open("GET|POST" , "URL" , asncron = true): Obre una petici HTTP cap al servidor. -send(): Envia la petici cap al servidor.