No has iniciado sesión
Conectar al sistema | Registrar usuario
Cursos Cuestionarios Curso de Ajax Capítulo
 
34 votos
Que es ajax
 
Según wikipedia AJAX (Asynchronous JavaScript And XML) és una técnica de desarrollo web para crear aplicaciones interactivas mediante la combinación de tres tecnologías ya existentes que conoceremos en este manual.

O para que lo entiendan mejor, es una manera de crear una aplicación que responde a las acciones del usuario sin refrescar la página contra el servidor.

ArribaTabla de contenido

ArribaTecnologías

Para conseguir este efecto, se utilizan la mayoría de las tecnologías disponibles para páginas web, HTML, CSS, XML, JavaScript y algún lenguaje de servidor cómo puede ser PHP o ASP, veamos que función tiene cada lenguaje en la aplicación:
JavaScript - Para manejar el objeto XMLHttpRequest y DOM tratar para los datos recibidos.
HTML - Distribuye en la ventana del navegador los elementos de la aplicación y la información recibida por el servidor
CSS - Define el aspecto de cada elemento y dato de la aplicación
XML - Es el formato de los datos transmitidos del servidor al cliente (navegador) y que posteriormente serán mostrados.
Lenguaje de servidor - Genera la información útil en XML y la envía al navegador.

ArribaFuncionamiento

El usuario accede a la aplicación que es enviada por el servidor en formato HTML, JavaScript y CSS. Luego el código JavaScript de la aplicación pide al servidor los datos que quiere mostrar y este, ejecuta un código de lado de servidor que envía al navegador los datos en formato XML.



Cada vez que el usuario realiza una acción que significa mostrar unos datos, la capa javascript, repite la acción anterior de manera invisible al usuario y muestra los datos deseados.

ArribaProblemas

El principal problema de la gran mayoría de aplicaciones AJAX (lo digo por experiencia como usuario de mozilla) es la baja compatibilidad entre navegadores, puesto que la capa JavaScript, es de una gran complejidad y a menudo por falta de experiencia en el lenguaje, o por falta de tiempo, se opta por programar solo para Internet Explorer.

En futuras entregas, veremos cómo programar una aplicación AJAX compatible para todos los navegadores incluidos navegadores sin javascript.

ArribaEjemplos

Un excelente ejemplo de aplicación AJAX, bastante compatible entre navegadores es Google Maps, en ella podrás ver cómo cambiamos la posición del mapa sin recargar la página..
 
Anterior y siguiente
 
¿? Resolver dudas
Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de Ajax de Programación Web indicando el artículo al que te refieres.
 
Comentarios
22/06/06 Comentario 547
Magnifico curso... a ver si lo completas pronto y pones algun examen que cuando lo superes te de un certificado o algo parecido
02/08/06 Muy buen tutorial
Excelente tutorial. Espero que sigas ampliando el tema
23/03/07 buena explicacion pero...
Hola, me agrado tu tutorial, pero crees que sea posible que añadieras mas ejeplos para seguir paso a paso, son nueva en esto, y la verdad me interesa mucho aprender ajax.
Gracias,
Saludos .
04/06/08 Comentario 822
hola muy bien explicado pero seri mucho pedir si experimentaramos con mas ejemplos interactivos para poder desarrallaorlos mejor
06/06/08 Comentario 824
buen comentario, buena intro.
19/07/08 Comentario 889
Buena manera de iniciar este curso...
21/08/08 Comentario 926
cool
01/09/08 Comentario 947
Estoy empezando a programar AJAX y la verdad q este tutorial esta excelente para aprender. Se entiende todo muy rapidamente.
Saludos
18/10/08 Comentario 1005
texto

La verdad creo que para empezar no esta tan mal. gracias
09/12/08 Comentario 1056
EXCELETENTE INICIO.-
10/12/08 Bien!!
Voy entendiendo....
19/12/08 Ajax
Muy buena introducción sencilla, clara y completa
16/01/09 Comentario 1087
Completo. !Sigamos adelante!
17/01/09 Comentario 1088
Ok, excelente...
24/01/09 Comentario 1094
Ok adelante
11/04/09 Excelente
Buen aporte esta tecnica o tecnología es crucial para todos los programadores WEB, de lo contrario sólo seríamos unos más del montón
12/05/09 Vamos bien
Claro, simple y al grano. ¡Como debe ser!
29/06/09 Muy bien
Hasta ahora lo voy pillando. Enhorabuena.
16/07/09 Hasta ahora bien
Entendible por el momento, a ver que sigue...
22/09/09 Bien
Me gusta, ojala entienda, yo tambien utilizo mozilla
15/12/09 Iniciando
bueno, cada dia incursionando en el mundo de la programacion web, descubro cosas nuevas y magnificas, vamos a conocer mas de ajax, interesante aplicacion para darle mas estetica a nuestros sitios web
04/01/10 Comentario 1417
bueno el tema...
05/01/10 Comentario 1419
muy padre eso de refrescar la pagina sin necesidad de enviar otra peticion al servidor
23/01/10 gran tutorial!!!
buenisimo!

10 a$=\"gracias\"
20 for b=1 to 1000
30 print a$
40 next b
24/03/10 Comentario 1459
muy buen tema.

apenas boy incurcionando en la programacion con ajax.

buen aporte
22/04/10 Tema interesante
Apenas inicio en Ajax pero por lo explicado hasta el momento me va a ser de gran utilidad para interactuar con elementos propios de una red de telecomunicaciones. seguire paso a paso este curso.
Gracias.
26/07/10 Comentario 1534
me gusta mucho la programacion web recien estoy iniciandome
soy desarrollador de software en visual basic 6 y visual foxpro 9 tambien manejo c++
.pienso que el ajax es muy interesante te doy 10 puntos...
08/11/10 Comentario 1606
Este tema lo escuche hace muy poco, y vos tienes bien estructurado este curso, vamos aprender AJAX. la puntuación te la doy cuando termine de desarrollar todo el curso
 
Redes Sociales
Programación Webon

Compartir en Google Plus