Manual de Introduccion Ajax

TEMAS:

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
Introducción a AJAX
www.librosweb.es 3
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
Introducción a AJAX
www.librosweb.es 4
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........................................... 121
7.5.2. Refactorizando la utilidad net.CargadorContenidos ............................... 125
7.6. Aplicaciones complejas .......................................................................... 127
7.6.1. Envío de parámetros mediante XML ................................................... 127
7.6.2. Procesando respuestas XML .............................................................. 128
7.6.3. Parámetros y respuestas JSON.......................................................... 130
7.7. Seguridad ............................................................................................ 132
Capítulo 8. Técnicas básicas con AJAX......................................................... 134
8.1. Listas desplegables encadenadas ............................................................ 134
8.1.1. Contexto ........................................................................................ 134
8.1.2. Solución propuesta .......................................................................... 134
8.2. Teclado virtual...................................................................................... 136
8.2.1. Contexto ........................................................................................ 136
8.2.2. Solución propuesta .......................................................................... 136
8.3. Autocompletar ...................................................................................... 140
8.3.1. Contexto ........................................................................................ 140
8.3.2. Solución propuesta .......................................................................... 141
Capítulo 9. Técnicas avanzadas con AJAX.................................................... 143
9.1. Monitorización de servidores remotos ...................................................... 143
9.1.1. Contexto ........................................................................................ 134
9.1.2. Solución propuesta .......................................................................... 134
9.2. Lector RSS ........................................................................................... 146
9.2.1. Contexto ........................................................................................ 136
9.2.2. Solución propuesta .......................................................................... 136
9.3. Google Maps ........................................................................................ 148
9.3.1. Contexto ........................................................................................ 140
9.3.2. Solución propuesta .......................................................................... 141
Capítulo 10. Frameworks y librerías ............................................................ 158
10.1. El framework Prototype........................................................................ 158
10.1.1. Funciones y métodos básicos .......................................................... 158
10.1.2. Funciones para cadenas de texto ..................................................... 161
10.1.3. Funciones para elementos .............................................................. 162
10.1.4. Funciones para formularios ............................................................. 163
10.1.5. Funciones para arrays .................................................................... 164
10.1.6. Funciones para objetos enumerables ................................................ 164
10.1.7. Otras funciones útiles..................................................................... 166
10.1.8. Funciones para AJAX ...................................................................... 167
10.1.9. Funciones para eventos .................................................................. 170
10.1.10. Métodos para funciones ................................................................ 172
10.1.11. Rehaciendo ejemplos con Prototype ............................................... 173
Introducción a AJAX
www.librosweb.es 5
10.2. La librería scriptaculous........................................................................ 175
10.3. La librería jQuery ................................................................................ 177
10.3.1. Funciones y métodos básicos .......................................................... 177
10.3.2. Funciones para eventos .................................................................. 178
10.3.3. Funciones para efectos visuales ....................................................... 179
10.3.4. Funciones para AJAX ...................................................................... 180
10.3.5. Funciones para CSS ....................................................................... 182
10.3.6. Funciones para nodos DOM ............................................................. 183
10.3.7. Otras funciones útiles..................................................................... 185
10.3.8. Rehaciendo ejemplos con jQuery ..................................................... 185
10.4. Otros frameworks importantes .............................................................. 188
Capítulo 11. Otras utilidades ....................................................................... 189
11.1. Detener las peticiones HTTP erróneas .................................................... 189
11.2. Mejorar el rendimiento de las aplicaciones complejas ............................... 192
11.3. Ofuscar el código JavaScript ................................................................. 193
11.4. Evitar el problema de los dominios diferentes.......................................... 195
Capítulo 12. Recursos útiles ........................................................................ 197
Capítulo 13. Bibliografía .............................................................................. 198
Capítulo 14. Ejercicios resueltos.................................................................. 199