aryanc

Manual de ajax en
español By
“ajaxman”
Usando ajax mediante el método
get para realizar peticiones de
manera transparente
Ajax y el objeto XMLHttpRequest
Escrito por Javier
16/07/2007

Manual de ajax en español By “ajaxman”

Ajax.
El 18 de Febrero de 2005, Jesse James Garrett, director de Estrategia
para la experiencia del usuario y fundador de Adaptive Path, publico un
artículoal cual se refería a ajax como:
Ajax: Un Nuevo acercamiento a las Aplicaciones Web
Exactamente se refería a una nueva forma de ver las aplicaciones web,
ya no como sitios dinámicos, si no además como sitios interactivos,
como la posibilidad de cargar paginas dinámicamente, sin tener que
recargar toda la pagina (como un iframe), que es uno de los logros
fundamentales de ajax.
Algo que debequedar claro es que ajax no es una tecnología, un
modulo de apache, un script, una extensión, si no es más bien una
mezcla de tecnologías, que permiten crear aplicaciones web, increíbles
y dinámicas.

Modelo Clásico Modelo Ajax

2007

Manual de ajax en español By “ajaxman”

Ajax viene de la palabra Asynchronous JavaScript And XML, aunque
también se podría referirse uno a este términocomo AJAH, AJAP, AJAJ,
AJAA, Etc.
Traduciéndolo al español podremos decir que se trata de una mezcla
de tecnologías:





Uso de estándares XHTML y CSS
Uso del Document Object Model(DOM)
Interacción de datos usando XML, XSLT, HTML, hasta JS y Paginas
Dinámicas (ASP, PHP, CGI, PYTHON, NET, Etc.).
Y lo indispensable JAVASCRIPT, para juntar y organizar todo.

Ahora bien vayamos porpartes.
¿Cómo demonios se usa ajax?
Para poder empezar a escribir páginas web con ajax, deberías cumplir
con algunos requisitos básicos:





Saber usar HTML
CSS (que no es tan indispensable pero necesario)
Javascript, básico
y de preferencia el saber manejar mínimamente algún lenguaje
de programación web como PHP, .NET, PYTHON, Etc.

Veremos a continuación como se crea unaaplicación usando el
modelo Ajax.
Primero necesitaremos hacer una página web que puede estar en un
servidor local o remoto, esta la haremos en html.
Pagina_dinamica.html
_________________________________________________________________



Mi primer Script con Ajax

/**/











____________________________________________________________________
Ahora vamos por partes,primero necesitamos agregarle a nuestra
página web, un formulario con un "action" a "javascript", esto es
necesario porque, cuando alguien le da "enter" y es el ultimo o único
campo del formulario este se envía a la pagina que este, indicada en el
action, por eso si, el action es un javascript, el formulario se enviara a la
función.

Después, creamos un campo de tipo texto, con un id, recordemosque
para poder implementar ajax, hay que saber identificar, la estructura
básica del DOM.

Y por ultimo un input, de tipo botón.

Al cual, no es necesario agregarle un id, y le asignamos, un evento
"onclick", con el cual llamamos a una función, en este caso no es
necesario agregarle parámetros, pues no los necesita.
Recordemos que para el nombre de la función no es necesario que se
llame_ajax, se puede llamar de cualquier forma, sin embargo es mejor
nombrarla, con algún nombre que caracterice su funcionamiento.
Generamos la función que de momento, no tendrá mas contenido que
este:

2007

Manual de ajax en español By “ajaxman”

function _Ajax()
{
}
Para poder hacer peticiones remotas, es necesario del uso de un
objeto, el XMLHttpRequest, que a pesar de ser unestándar no está bien
implementado en algunos navegadores como, Internet Explorer, por ello
es necesario hacer una función que genere correctamente este objeto.
function XMLHttp(){
var Object;
if (typeof XMLHttpRequest == “undefined” )
{
if(navigator.userAgent.indexOf(”MSIE 5″) >= 0)
{ Object= new ActiveXObject(”Microsoft.XMLHTTP”);}
else
{ Object=new ActiveXObject(”Msxml2.XMLHTTP”);}
}...