Prueba AJAX con Back-end
Hola, en este proyecto he desarrollado una aplicación CRUD completa utilizando JavaScript, Node.js, Express y SQL Server.
El frontend utiliza AJAX con Fetch API para comunicarse con la API sin necesidad de recargar la página.
En el backend he utilizado Node.js junto con Express para crear una API REST organizada mediante una arquitectura por capas, separando rutas, controladores, servicios y acceso a datos.
La persistencia de datos se realiza mediante SQL Server utilizando consultas parametrizadas para las operaciones CRUD.
En el frontend he utilizado HTML, CSS y JavaScript. La comunicación con el backend se realiza mediante Fetch API utilizando AJAX, permitiendo actualizar la información dinámicamente.
Flujo de la aplicación
El flujo de la aplicación funciona de la siguiente manera:
- El frontend realizado en JavaScript envía peticiones HTTP mediante Fetch API.
- Estas peticiones llegan a las rutas de Express, que redirigen la solicitud al controlador correspondiente.
- El controlador procesa la petición y delega la lógica al servicio.
- Después, el servicio utiliza el repositorio para interactuar con SQL Server y realizar las operaciones sobre la base de datos.
- Finalmente, la respuesta vuelve al frontend y la interfaz se actualiza dinámicamente sin recargar la página.
Funcionalidades
La aplicación permite:
- Crear publicaciones
- Visualizar publicaciones
- Modificar publicaciones
- Eliminar publicaciones
Además, durante el desarrollo he trabajado aspectos importantes como validación de datos, manejo de peticiones HTTP, comunicación cliente-servidor y depuración de errores relacionados con IDs y consultas SQL.
Video demostración
Funcionamiento de la aplicación
A continuación voy a mostrar el funcionamiento de la aplicación:
- Crear una publicación
- Editar una publicación
- Eliminar una publicación
Muchas gracias y un saludo.
