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 20 de febrero de 2008 y todavía está in-
completa. 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............................................................................................. 74
5.1. Introducción a Browser Object Model (BOM) ...............................................74
5.2. El objeto window .................................................................................... 75
5.3. El objeto document ................................................................................. 77
5.4. El objeto location .................................................................................... 79
5.5. El objeto navigator.................................................................................. 80
5.6. El objeto screen ...................................................................................... 81
Capítulo 6. Eventos ....................................................................................... 83
6.1. Conceptos básicos................................................................................... 83
6.2. Modelo básico de eventos......................................................................... 83
6.2.1. Tipos de eventos ............................................................................... 83
6.2.2. Manejadores de eventos.....................................................................85
6.3. El flujo de eventos .................................................................................. 89
6.3.1. Event bubbling.................................................................................. 90
6.3.2. Event capturing ................................................................................ 91
6.3.3. Eventos DOM.................................................................................... 91
6.4. Handlers y listeners................................................................................. 92
6.4.1. Manejadores de eventos de Internet Explorer........................................92
6.4.2. Manejadores de eventos de DOM.........................................................93
6.5. El objeto event ....................................................................................... 94
6.5.1. Propiedades y métodos ...................................................................... 95
6.5.2. Similitudes y diferencias entre navegadores..........................................98
6.6. Tipos de eventos................................................................................... 101
6.6.1. Eventos de ratón............................................................................. 102
6.6.2. Eventos de teclado .......................................................................... 103
6.6.3. Eventos HTML................................................................................. 103
6.6.4. Eventos DOM.................................................................................. 104
6.7. Solución cross browser .......................................................................... 105
6.7.1. Asignación de manejadores de eventos .............................................. 105
6.7.2. Obtención del objeto Event............................................................... 105
6.7.3. Estandarización del objeto Event ....................................................... 106
Capítulo 7. Primeros pasos con AJAX .......................................................... 108
7.1. Breve historia de AJAX........................................................................... 108
7.2. La primera aplicación............................................................................. 108
7.2.1. Código fuente ................................................................................. 108
7.2.2. Análisis detallado ............................................................................ 109
7.2.3. Refactorizando la primera aplicación .................................................. 111
7.3. Métodos y propiedades del objeto XMLHTTPRequest .................................. 113

4

www.librosweb.es

Introducción a AJAX

7.4. Utilidades y objetos para AJAX................................................................ 115
7.5. Interacción con el servidor ..................................................................... 121
7.5.1. Envío de parámetros con la petición HTTP...