Tema de Exposicio n

Ajax
Que es Ajax?
Ajaxesunatecnologaasncrona,enelsentidodequelosdatosadicionalesse
solicitan al servidor y se cargan en segundo plano sin interferir con la
visualizacinnielcomportamientodelapgina
Ajaxnoesunconjuntodetcnicasqueseusanparalograrunobjetivoyse
basaenlenguajesyaexistentescomoJavaScript
Un esquema para
observar como
funciona Ajax
VENTAJAS DE AJAX
LasventajasqueproporcionaAjaxsonvarias:
a)Noesnecesariorecargaryredibujarlapginawebcompleta,conloque
todoesmsrpido.
b) El usuario no percibe que haya demoras: est trabajando y al ser las
comunicacionesensegundoplanonohayinterrupciones.
c) Los pasos que antes poda ser necesario dar cargando varias pginas
web puedenquedarcondensadosenunasolapgina que va cambiando
graciasaAjaxyalainformacinrecibidadelservidor.
INCONVENIENTES DE AJAX
a)Eldesarrollodeaplicacioneswebsepuedevolvermscomplejo.

b)ExistenproblemasyrestriccionesdeseguridadrelacionadosconelusodeAjax.

c)Laindexacinparalosmotoresdebsquedasevedificultada.
MEJOR USAR O NO USAR AJAX?
Como todo, hay que usar las cosas en su justa medida. Ajax bien usado puede ser
muytilparaunapginaweb.Ajaxmalusadopuedeserundesastreparaunapgina
web.
Lo bueno de Ajax
AJAXeliminanlarecargaconstantedepginasmediantecreacindeunelemento
intermedioentreelusuarioyelservidor

Elusuarioyanoseencuentraconunaventanadelnavegadorvacaesperandola
respuestadelservidor.

LaspeticionesHTTPalservidorsesustituyenporpeticionesJavaScriptquese
realizandeformaasncronaalelementoencargadodeAJAX.
TIPO DE RESPUESTA
DocumentoXML
Texto
Procesadoenelcliente
Mostradodirectamente

JavaScript
EvaluadoenJavaScriptmedianteeval()
JSONJavaScriptObjectNotation
Esunformatoligeroparaelintercambiodedatos
EsunsubconjuntodelanotacinliteraldeobjetosdeJavaScriptperonorequiereeluso
deJavaScript
Me todos de XMLHttpRequest
open("method","URL",syn/asyn):AsignalaURLdedestino,elmtodoyotrosparmetrosopcionalesde
unapeticinpendiente.

send(content):Envalapeticin,opcionalmentesepuedeenviarunacadenadetextoounobjetoDOM

abort():Detienelapeticinactual

getAllResponseHeaders():Devuelvetodaslascabecerasdelarespuestacomoparesdeetiqueta
yvaloresenunacadena

getResponseHeader("headerLabel"):Devuelveelvalordeunacabeceradeterminada

setRequestHeader("label","value"):Asignaunvaloralparlabel/valueparalacabeceraenviada.
Propiedades de XMLHttpRequest
onreadystatechange:Elmanejadordeleventollamadoencadacambiodeestadodelobjeto.
readyState:Indicaelestadodelobjetoolapeticin
0=sininicializar
1=cargando
2=findelacarga
3=actualizandolainformacinrecibida
4=Operacincompletada

status:EstadoHTTPdevueltoporelservidor404silapginanoseencuentra200sitodoha
idobien
Propiedades de XMLHttpRequest
responseText:Cadenadetextoconlosdatosdevueltosporelservidor.

esponseXML:ObjetoDOMdevueltoporelservidor.

statusText:Respuestadelservidorasociadaalstatus(mensajedetexto).
Funcionamiento de AJAX
Usuarioprovocaunevento
SecreayconfiguraunobjetoXMLHttpRequest
ElobjetoXMLHttpRequestrealizaunallamadaalservidor
Lapeticinseprocesaenelservidor
ElservidorretornaundocumentoXMLquecontienenelresultado
ElobjetoXMLHttpRequestllamaalafuncincallback()yprocesaelresultado
SeactualizaelDOMdelapginaasociadoconlapeticinconelresultadodevuelto
USOS DE AJAX
Validacindedatosdeformulariosentiemporeal
Identificadores de usuario, n de serie, cdigos postales u otro cdigo especial que necesite
validacin en el lado del servidor antes de ser enviado el formulario.
Autocompletado
Direcciones de correo, nombres, ciudades
Operacionesdedetalle
Obtener informacin ms detallada de un producto
GUIavanzadas
Controles en rbol, mens, barras de progreso
Refrescodedatos
Notificacionesdelservidor
USOS DE AJAX
Actualizaroeliminarregistros
Expandirformulariosweb
Devolverpeticionessimplesdebsqueda
Editarrbolesdecategoras
 http://www.monografias.com/trabajos106/introduccion-ajax/introduccion-
ajax2.shtml
GRACIAS