Pasando datos al servidor por el método POST. Recuperando datos mediante la propiedad responseText del objeto XMLHttpRequest. Recuperando datos mediante la propiedad responseXML del objeto XMLHttpRequest.

1. INSTITUTO TECNOLOGICO DE PARRAL
TOPICOS DE PROGRAMACIÓN WEB
INTEGRANTES:
Roberto Carlos Payan Robles
10410526
Sara Alicia Fierro Chalup
10410579
1

2. AJAXAgenda :
 Pasando datos al servidor por el método POST.
 Recuperando datos mediante la propiedad responseText del
objeto XMLHttpRequest
 Recuperando datos mediante la propiedad responseXML del
objeto XMLHttpRequest
2

3. PASANDO DATOS AL SERVIDOR POR EL MÉTODO POST.
Hay varios puntos a tener en cuenta para cuando codificamos
los datos para el envío por el método POST:
 Cuando llamamos al método open del objeto
XMLHttpRequest como primer parámetro indicamos el string
'POST'
conexion1.open('POST','pagina1.php', true);
 Llamamos al método setRequestHeader indicando que los
datos a enviarse están codificados como un formulario
conexion1.setRequestHeader("Content-Type","application/x-www-form-
urlencoded");
3

4.  Llamamos al método send del objeto XMLHttpRequest
pasando los datos:
conexion1.send("nombre=juan&clave=z80");
4

5. 5

6. 6

7. 7

8. 8

9. RECUPERANDO DATOS MEDIANTE LA PROPIEDAD
RESPONSETEXT DEL OBJETO XMLHTTPREQUEST
9

10. 10

11. 11

12. 12

13. 13

14. RECUPERANDO DATOS MEDIANTE LA PROPIEDAD
RESPONSEXML DEL OBJETO XMLHTTPREQUEST
14

15. 15

16. 16

17. 17

18. CONCLUSIÓN
Para concluir nos queda decir que Ajax es una técnica de un
intercambio de datos con el servidor, y así nos permite
actualizar partes de una página web sin tener que recargar
toda la página. Así como también el objeto
XMLHttpRequest el cual nos brinda propiedades de
almacenamiento web muy interesantes.
Contratiempos: Algunos fragmentos de código no
entendimos bien.
Tiempo de realización: 7 hrs.
18

19. SESIÓN DE PREGUNTAS Y RESPUESTAS
19