What is AJAX

According to wikipedia AJAX (Asynchronous JavaScript And XML) is a web developing technique made to create interactive applications using the combination of three already existing technologies that we will see in this guide.

To make it more understandable, it is a way to create an application that responds to the actions of the user without refreshing the page against the server.

ArribaTabla de contenido

· Technologies
· How it works
· Problems
· Examples

ArribaTechnologies

Most of the technologies available for web pages are used in order to obtain this effect, HTML, CSS, XML, JavaScript and some language of server like PHP o ASP. Let's see what function has each language in the application:

JavaScript - used to handle the object XMLHttpRequest and DOM to treat for the received data.
HTML - it distributes the elements of the application and the information received by the server in the window of the browser.
CSS - It defines the aspect of each element and data of the application.
XML - it is the data's format transmitted from the server to the client (user) showed later.
Server language - It generates the useful information in XML and sends it to the browser.

ArribaHow it works

The user accedes to the application that is sent by the server in format HTML, Javascript and CSS. Then, the application's Javascript code asks the server for the data that it wants to show, and then it executes a side server code that sends the data in XML format to the browser.

Whenever the user makes an action that means showing some data, the layer Javascript repeats the previous action invisible to the user and shows the wished data.

ArribaProblems

The principal poblem of the great majority of AJAX applications (I know it for my own experience using mozilla) is the low compatibility between browsers, according to the fact that the layer Javascript has a big complexity and often by lack of experience in the language, or on lack of time, it is decided to program only for Internet Explorer.

In future issues we will see how to program an AJAX application compatible for all the browsers including those without Javascript.

ArribaExamples

An excellent example of AJAX application, quite compatible between browsers, isGoogle Maps, where you will be able to see how we change the map's position without reloading the page..

Anterior y siguiente

The XMLHttpRequest...

Comentarios

include

curso-de.blogspot.co

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

hugordzs

02/08/06 Muy buen tutorial

Excelente tutorial. Espero que sigas ampliando el tema

Montses

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 .

Nerak

04/06/08 Comentario 822

hola muy bien explicado pero seri mucho pedir si experimentaramos con mas ejemplos interactivos para poder desarrallaorlos mejor

blexter

06/06/08 Comentario 824

buen comentario, buena intro.

villavid

19/07/08 Comentario 889

Buena manera de iniciar este curso...

nscm77

21/08/08 Comentario 926

cool

leonel_474

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

josehpchv

18/10/08 Comentario 1005

texto

La verdad creo que para empezar no esta tan mal. gracias

bone9999

09/12/08 Comentario 1056

EXCELETENTE INICIO.-

crosas72

10/12/08 Bien!!

Voy entendiendo....

belkys

19/12/08 Ajax

Muy buena introducción sencilla, clara y completa

alorenzo

16/01/09 Comentario 1087

Completo. !Sigamos adelante!

softyrade

17/01/09 Comentario 1088

Ok, excelente...

eloigalles

24/01/09 Comentario 1094

Ok adelante

megajuego

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

lemm

12/05/09 Vamos bien

Claro, simple y al grano. ¡Como debe ser!

manolarapica

29/06/09 Muy bien

Hasta ahora lo voy pillando. Enhorabuena.

artlazarte

16/07/09 Hasta ahora bien

Entendible por el momento, a ver que sigue...

estela1958

22/09/09 Bien

Me gusta, ojala entienda, yo tambien utilizo mozilla

epico

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

fortiz

04/01/10 Comentario 1417

bueno el tema...

itzelmarlen

05/01/10 Comentario 1419

muy padre eso de refrescar la pagina sin necesidad de enviar otra peticion al servidor

j0n4th4ntub3

23/01/10 gran tutorial!!!

buenisimo!

10 a$=\"gracias\"
20 for b=1 to 1000
30 print a$
40 next b

jelizalde

24/03/10 Comentario 1459

muy buen tema.

apenas boy incurcionando en la programacion con ajax.

buen aporte

RicharOcampo

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.

rogdler

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...

Wvelasco

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

Submit your comment >>

Resolver dudas

Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de Otros de Programación Web indicando el artículo al que te refieres.

Ir al foro de Otros >>