PDF de programación - Manual de AJAX - Las entrañas de AJAX

Manual
 de
 AJAX
 
Las
 entrañas
 de
 AJAX
 


 


 

 

 

 
Basado
 en
 el
 PFC,
 “AJAX,
 Fundamentos
 y
 Aplicaciones.”
 
Escrito
 :
 Juan
 Mariano
 Fuentes
 
Dirigido:
 Sergio
 Gálvez
 Rojas
 


 

2ªEd 2009


 


 


 
 
 


 

Índice
 

Introducción .......................................................................................................... 5
 
La
 Base
 de
 la
 Web
 Actual................................................................................................................................5
 
El
 lenguaje
 HTML
 (HyperText
 Markup
 Language).............................................................................5
 
El
 lenguaje
 XHTML
 (eXtensible
 HTML) ....................................................................................................5
 
XML
 (eXtensible
 Markup
 Language) .........................................................................................................5
 
CSS
 (Cascade
 Style
 Sheets),
 Hojas
 de
 estilo.............................................................................................5
 
DOM
 (Document
 Object
 Model) ...................................................................................................................6
 
Lenguajes
 de
 Cliente,
 (JavaScript) ..............................................................................................................6
 
Lenguajes
 de
 Servidor
 (JSP,
 PHP,
 Ruby,
 etc.)..........................................................................................6
 
Visión
 en
 Conjunto .............................................................................................................................................6
 
Las
 RIA
 (Rich
 Internet
 Application
 Technologies)..............................................................................7
 
Características
 de
 una
 aplicación
 de
 escritorio....................................................................................7
 
Características
 de
 una
 aplicación
 Web
 Convencional .......................................................................7
 
Problemas
 de
 una
 aplicación
 web
 convencional..................................................................................7
 
Algunos
 ejemplos
 reales
 de
 AJAX................................................................................................................9
 
Notas
 finales.......................................................................................................................................................10
 
Capítulo
 1:
 El
 objeto
 XMLHttpRequest ................................................................. 11
 
1.1
  Descripción
 del
 capítulo....................................................................................................................11
 
1.2
  Razones
 para
 utilizar
 una
 librería
 en
 el
 lado
 cliente............................................................12
 
1.3
  La
 dependencia
 de
 los
 navegadores............................................................................................13
 
1.4
  Navegadores
 compatibles................................................................................................................15
 
1.5
  Métodos
 y
 propiedades
 del
 objeto................................................................................................16
 
1.6
  Constructor
 del
 objeto
 XMLHttpRequest...................................................................................18
 
1.7
  Peticiones
 síncronas
 y
 asíncronas................................................................................................20
 
1.8
  La
 clase
 petición
 AJAX........................................................................................................................24
 
1.9
  Escribir
 clases
 en
 JavaScript............................................................................................................29
 
1.9.1
  Clases
 VS
 Prototipos........................................................................................................................ 29
 
1.9.2
  Prototype
 VS
 encerrar
 las
 funciones. ...................................................................................... 30
 
1.9.3
  Variables
 públicas
 VS
 variables
 privadas.............................................................................. 32
 
Capítulo
 2:
 Herramientas
 de
 depuración .............................................................. 33
 
2.1
 Descripción
 del
 capítulo........................................................................................................................33
 
2.2
 Instalación...................................................................................................................................................33
 
2.3
 La
 consola
 JavaScript..............................................................................................................................35
 
2.4
 Document
 Object
 Model
 inspector
 (inspector
 del
 DOM)........................................................36
 
2.5
 Venkman(Depurador
 de
 Javascript)................................................................................................38
 
2.6
 FireBug
 (Todo
 lo
 anterior
 en
 uno)....................................................................................................42
 
2.6.1
  Pestaña
 de
 consola. ......................................................................................................................... 43
 
2.6.2
  Pestaña
 de
 debugger
 (depurador). .......................................................................................... 46
 
2.6.3
  Pestaña
 del
 inspector. .................................................................................................................... 47
 
Capítulo
 3:
 Técnicas
 de
 petición
 de
 información................................................... 49
 
3.1
  Descripción
 del
 capítulo....................................................................................................................49
 
Insertar
 código
 HTML........................................................................................................................50
 
3.2
 
3.3
 
Insertar
 imágenes
 usando
 el
 DOM................................................................................................52
 
3.4
 
Insertar
 código
 JavaScript................................................................................................................56
 
3.5
  DOM
 API...................................................................................................................................................59
 
3.6
  DOM
 API
 e
 innerHTML
 enfrentados............................................................................................61
 
3.7
  Encapsulación
 del
 objeto
 XMLHttpRequest.............................................................................64
 

 

3.7.1
  Petición
 de
 código
 HTML
 o
 texto............................................................................................... 64
 
3.7.2
  Petición
 de
 la
 dirección
 de
 una
 imagen ................................................................................. 66
 
3.7.3
  Petición
 de
 código
 JavaScript
 y
 lanzarlo. .............................................................................. 68
 
3.8
  Manejo
 de
 errores................................................................................................................................69
 
3.9
  Dar
 soporte
 al
 usuario.......................................................................................................................72
 
Capítulo
 4:
 Ejemplos
 reales
 de
 uso
 para
 AJAX ...................................................... 75
 
4.1
  Descripción
 del
 capítulo....................................................................................................................75
 
4.2
  La
 web
 actual.........................................................................................................................................75
 
4.3
  Métodos
 GET,
 POST
 y
 caracteres
 especiales
 en
 Internet....................................................76
 
4.3.1
 
Introducción
 a
 los
 métodos
 GET
 y
 POST................................................................................ 76
 
4.3.2
  Caracteres
 especiales. .................................................................................................................... 77
 
4.3.3
  Cambios
 en
 la
 librería
 para
 que
 acepte
 los
 2
 métodos.................................................... 78
 
4.3.4
  Ejemplo
 de
 uso
 de
 los
 métodos
 GET
 y
 POST. ........................................................................ 79
 
4.4
  Leer
 las
 cabeceras
 del
 objeto
 XMLHttpRequest.....................................................................81
 
4.5
  Auto
 verificación
 y
 rendimiento
 en
 AJAX..................................................................................83
 
4.6
  Pidiendo
 y
 analizando
 documentos
 XML........