Scribd
Cargar
55 vistas7 páginas

Guia 2

Este documento describe una práctica sobre el desarrollo de un formulario web con funcionalidad AJAX. El objetivo es desarrollar un formulario HTML para ingresar datos, construir métodos JavaScript para el envío y recepción de datos, y programar en PHP los métodos para el procesamiento de datos. Se explican los componentes de AJAX y su funcionamiento, y se incluyen anexos con códigos de formulario, AJAX y resultados.

Cargado por

pruebas pruebas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
55 vistas7 páginas

Guia 2

Este documento describe una práctica sobre el desarrollo de un formulario web con funcionalidad AJAX. El objetivo es desarrollar un formulario HTML para ingresar datos, construir métodos JavaScript para el envío y recepción de datos, y programar en PHP los métodos para el procesamiento de datos. Se explican los componentes de AJAX y su funcionamiento, y se incluyen anexos con códigos de formulario, AJAX y resultados.

Cargado por

pruebas pruebas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

VIDA

INSTITUTO NuEVA
SUPERIOR TECNOLÓGICO

NIVEL: CUARTO
NOMBRE: Erick Chinchin
MODALIDAD: PRESENCIAL
CARRERA: Desarrollo de software
JORNADA:MATUTINA
DOCENTE: Ing Óscar Naranjo
CODIGO:2222
FECHA: 7/05/2022
CALIFICACIÓN:

PRACTICA Nº 2
CÓDIGO: DSUP12-GP-02

TEMA: Algoritmos y programas (Formularios Ajax).

1. OBJETIVO(S)
 Desarrollar un formulario HTML para ingreso de datos.
 Construir métodos JavaScript para el envío y recepción de datos.
 Programar en PHP los métodos para el procesamiento de datos.

2. MATERIALES
 Software (Sublime Text 3)
 Software (XAMPP)

3. EQUIPOS
 PC

4. PROCEDIMIENTO-CÁLCULOS-ANÁLISIS DE RESULTADOS

1. Crear las estructuras para el modelo de objetos del documento HTML según el
Anexo 1.
2. Programar los métodos JavaScript para dar funcionalidad del formulario con
Ajax según el Anexo 1.
3. Diseñar la interfaz gráfica amigable mediante hojas de estilo en casada.
4. Programar en PHP los métodos para el procesamiento de datos.
INSTITUTO SUPERIOR TECNOLÓGICO
VIDa NuEVa

5. ORGANIZADOR GRÁFICO DE LAS IDEAS PRINCIPALES


Figura 1:
Realizar un organizador gráfico sobre las características de AJAX.
INSTITUTO SUPERIOR TECNOLÓGICO
VIDa NuEVa
6. ANÁLISIS COMPARATIVO-RESOLUCIÓN DE EJERCICIOS-
RESOLUCIÓN DE CASOS-ENSAYO-OTROS.
Figura 2.
Describa los siguientes componentes.
Componentes
AJAX Significa JavaScript asíncrono y XML
Es un conjunto de técnicas de desarrollo web que permiten que las
aplicaciones web funcionen de forma asíncrona, procesando
cualquier solicitud al servidor en segundo plano

XMLHttpRequest Proporciona una forma fácil de obtener información de una URL sin
tener que recargar la página completa, Una página web puede
actualizar sólo una parte de la página sin interrumpir lo que el usuario
está haciendo.
Request REQUEST nos permite capturar variables enviadas desde
formularios con los métodos GET o POST

onreadystatechange Sirve para definir una función que será llamada


automáticamente cada vez que cambie la propiedad readyState
del objeto.

Fuente: Elaboración propia.


7. PREGUNTAS DE REFUERZO
1. ¿Qué significa AJAX?
Significa JavaScript asíncrono y XML (Asynchronous JavaScript and XML)
-Asíncrono: Se refiere al concepto de que más de una cosa ocurre al mismo tiempo, o
múltiples cosas relacionadas ocurren sin esperar a que la previa se haya completado.-
JavaScript: Es el lenguaje interpretado de secuencias, comandos que te permite crear
contenido de actualización dinámica, controlar multimedia, animar imágenes, etc.
-XML: Es un lenguaje de marcado que define un conjunto de reglas para la codificación de
documentos.
INSTITUTO SUPERIOR TECNOLÓGICO
VIDa NuEVa
2. ¿Cuál es la ventaja de utilizar AJAX en el desarrollo de aplicaciones web?
Ajax es una tecnología de desarrollo web que permite realizar una comunicación
asíncrona entre el cliente y el servidor, es decir, permite cambiar de página sin tener que
recargarla, dando al usuario la sensación de que los cambios se están produciendo de
forma inmediata.
3. ¿Qué es el DOM? Explique su funcionamiento.
8. Modelo de objeto de documento. Esta es una interfaz de programación que le permite
crear, modificar o eliminar elementos en su documento. También puede agregar eventos a
estos elementos para hacer que su página sea más dinámica.
9.

10. CONCLUSIONES
(Relacionadas a los objetivos)
Desarrollamos un formulario html el cual nos ayudo ingresar datos y guardarlos dentro
de una base de datos.
Construimos diferentes métodos usando JavaScript el cual se aplicará en el envío y
recepción de datos.
Programamos en PHP los métodos los cuales usaremos en nuestra pagina web.
11. BIBLIOGRAFÍA
Gauchat, J. (2012). El gran libro de HTML5, CSS3 & JAVASCRIPT.
España. Prado, M. (2014). Creación y diseño web edición 2014. España.
Lassoff, M. (2013). Programación java script técnicas esenciales. España.
INSTITUTO SUPERIOR TECNOLÓGICO
VIDa NuEVa
12. ANEXOS

Figura 1:
Formulario con HTML, CSS y Javascript

Nota: Elaboración propia.

ANEXO 2
Código de AJAX
INSTITUTO SUPERIOR TECNOLÓGICO
VIDa NuEVa
Función de mostrar contraseña

Código del formulario

Ingreso de datos
INSTITUTO SUPERIOR TECNOLÓGICO
VIDa NuEVa
Resultados

Mostrando el funcionamiento del botón mostrar

Resultado en nuestra base

También podría gustarte