Uso del Patch
- Descripción
A partir de un archivo HTML proporcionado, desarrollar el archivo JavaScript necesario para:
-
Obtener los datos de un recurso sanitario existente mediante una petición
GETaapi/recursos/1. - Rellenar automáticamente el formulario con la información obtenida.
- Permitir modificar los valores del formulario.
-
Enviar una petición
PATCHa la API para actualizar únicamente los campos modificados.
El HTML proporcionado no debe modificarse.
- Valor que aporta
Este ejercicio refuerza el trabajo con peticiones HTTP de tipo PATCH, que permiten actualizar parcialmente un recurso. Además, se practica la sincronización entre la interfaz de usuario y la API, garantizando que los cambios se reflejen en el servidor sin recargar la página.
-
Criterios de aceptación
-
No se modifica el archivo HTML.
-
Al cargar la página, se obtiene el recurso
api/recursos/{id}y se muestran sus datos en el formulario. -
El formulario permite editar los campos del recurso.
-
Al pulsar el botón “Actualizar”, se envía una petición
PATCHcon los cambios al endpoint correspondiente. -
Se muestra un mensaje en pantalla indicando el resultado (éxito o error).
-
No se recarga la página en ningún momento.
-
Pruebas
-
Al abrir el HTML, los campos del formulario deben mostrarse con los valores del recurso 1.
-
Si se modifica algún campo y se pulsa “Actualizar”, debe realizarse un
PATCH. -
En caso de éxito, debe aparecer:
“Recurso actualizado correctamente”
-
En caso de error:
“Error al actualizar el recurso”
-
El formulario no debe recargarse.
Ejemplo de petición:
PATCH /api/recursos/{id}
{
"nombre": "Mi Otro Nombre"
}
-
Tiempo estimado: 45 min
-
Elementos relacionados: #8