PDF de programación - Introduccion a AJAX

www.librosweb.es



Introducción a
AJAX



Javier Eguíluz Pérez

Introducción a AJAX

Sobre este libro...

▪ Los contenidos de este libro están bajo una licencia Creative Commons Reconoci-
miento - No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licen-
ses/by-nc-nd/3.0/deed.es)

▪ Esta versión impresa se creó el 21 de diciembre de 2007 y todavía está
incompleta. La versión más actualizada de los contenidos de este libro se puede
encontrar en http://www.librosweb.es/ajax

▪ Si quieres aportar sugerencias, comentarios, críticas o informar sobre errores,

puedes contactarnos en [email protected]

2

www.librosweb.es

Introducción a AJAX

Capítulo 1. Introducción a AJAX ...................................................................... 7
Capítulo 2. JavaScript básico ......................................................................... 11
2.1. Sintaxis ................................................................................................. 11
2.2. Variables ............................................................................................... 12
2.3. Palabras reservadas ................................................................................ 14
2.4. Tipos de variables ................................................................................... 14
2.4.1. Tipos primitivos ................................................................................ 14
2.4.2. Tipos de referencia ............................................................................ 17
2.5. Operadores ............................................................................................ 19
2.5.1. Incremento y decremento ..................................................................19
2.5.2. Lógicos ............................................................................................ 20
2.5.3. Matemáticos ..................................................................................... 21
2.5.4. Relacionales ..................................................................................... 22
2.5.5. Asignación ....................................................................................... 23
2.6. Objetos nativos de JavaScript ...................................................................23
2.6.1. La clase Array................................................................................... 23
2.6.2. La clase Date.................................................................................... 24
2.6.3. La clase Function .............................................................................. 25
2.7. Funciones .............................................................................................. 25
2.8. Funciones y propiedades básicas de JavaScript ...........................................28
2.8.1. Cadenas de texto .............................................................................. 28
2.8.2. Arrays ............................................................................................. 30
Capítulo 3. JavaScript avanzado .................................................................... 32
3.1. Objetos ................................................................................................. 32
3.1.1. Definición de un objeto ...................................................................... 32
3.1.2. Notación JSON .................................................................................. 36
3.2. Clases ................................................................................................... 41
3.2.1. Funciones constructoras .....................................................................41
3.2.2. Prototype ......................................................................................... 42
3.2.3. Herencia y ámbito (scope)..................................................................48
3.3. Otros conceptos...................................................................................... 48
3.3.1. Excepciones ..................................................................................... 48
3.3.2. Closure ............................................................................................ 50
3.3.3. Reflexión.......................................................................................... 51
Capítulo 4. DOM............................................................................................. 53
4.1. Introducción a Document Object Model (DOM) ............................................53
4.2. Tipos de nodos ....................................................................................... 54
4.3. La interfaz Node ..................................................................................... 57
4.4. HTML y DOM .......................................................................................... 59
4.4.1. Acceso relativo a los nodos .................................................................59
4.4.2. Tipos de nodos ................................................................................. 60
4.4.3. Atributos.......................................................................................... 61

www.librosweb.es

3

Introducción a AJAX

4.4.4. Acceso directo a los nodos..................................................................62
4.4.5. Crear, modificar y eliminar nodos ........................................................64
4.4.6. Atributos HTML y propiedades CSS en DOM ..........................................70
4.4.7. Tablas HTML en DOM ......................................................................... 72
Capítulo 5. BOM............................................................................................. 75
5.1. Introducción a Browser Object Model (BOM) ...............................................75
5.2. El objeto window .................................................................................... 76
5.3. El objeto document ................................................................................. 78
5.4. El objeto location .................................................................................... 80
5.5. El objeto navigator.................................................................................. 81
5.6. El objeto screen ...................................................................................... 82
Capítulo 6. Eventos ....................................................................................... 84
6.1. Conceptos básicos................................................................................... 84
6.2. Modelo básico de eventos......................................................................... 84
6.2.1. Tipos de eventos ............................................................................... 84
6.2.2. Manejadores de eventos.....................................................................86
6.3. El flujo de eventos .................................................................................. 90
6.3.1. Event bubbling.................................................................................. 91
6.3.2. Event capturing ................................................................................ 92
6.3.3. Eventos DOM.................................................................................... 92
6.4. Handlers y listeners................................................................................. 93
6.4.1. Internet Explorer............................................................................... 93
6.4.2. DOM................................................................................................ 53
6.5. El objeto event ....................................................................................... 95
6.5.1. Propiedades y métodos ...................................................................... 96
6.5.2. Similitudes y diferencias entre navegadores..........................................99
6.6. Tipos de eventos................................................................................... 102
6.6.1. Eventos de ratón............................................................................. 103
6.6.2. Eventos de teclado .......................................................................... 104
6.6.3. Eventos HTML................................................................................. 104
6.6.4. Eventos DOM.................................................................................. 105
6.7. Solución cross browser .......................................................................... 106
6.7.1. Asignación de manejadores de eventos .............................................. 106
6.7.2. Obtención del objeto Event............................................................... 106
6.7.3. Estandarización del objeto Event ....................................................... 107
Capítulo 7. Primeros pasos con AJAX .......................................................... 109
7.1. Breve historia de AJAX........................................................................... 109
7.2. La primera aplicación............................................................................. 109
7.2.1. Código fuente ................................................................................. 109
7.2.2. Análisis detallado ............................................................................ 110
7.2.3. Refactorizando la primera aplicación .................................................. 112
7.3. Métodos y propiedades del objeto XMLHTTPRequest .................................. 114

4

www.librosweb.es

Introducción a AJAX

7.4. Utilidades y objetos para AJAX................................................................ 116
7.5. Interacción con el servidor ..................................................................... 122
7.5.1. Envío de paráme