Reporte AJAX de la tabla relacionada con datos de la tabla catálogo

1. Reportes Maestro - Detalle
con el uso de AJAX
Licenciatura en Tecnologías de la Información
Programación Web
Estudiante: Oscar Andres Alba Padron
Código: 220779802
Fecha: 17/05/2023

2. 1.- Para empezar, creé los archivos necesarios para
la tarea

3. Archivo:
Ajax_Vehiculo_Oscar_Alba.php

4. 2.- Para este primer archivo recuperamos el num.
Serie y el modelo de la tabla catálogo(vehiculo)

5. 3.- En el head del archivo añadi el titulo de la
pagina, un icono y lo vincule con el archivo css

6. 4.- Dentro del div “texto1” incluí el Combobox que
recupera los datos de la tabla catalogo con la
ayuad de un foreach

7. 5.- Cerramos la conexión con la base de datos

8. Archivo:
get_refacciones_ajax.php

9. 6.- En este archivo no hacemos nada en el head. En el
php recuperamos el vehículo elegido con un get y
consultamos las refacciones que estén vinculadas a ese
vehículo

10. 7.- Aquí ya creamos la tabla empezando por las
columnas superiores y continuando con los datos de las
refacciones por medio de un foreach. Finalmente
cerramos la conexión con la base de datos

11. Archivo:
reporte_ajax.js

12. 8.- Con este archivo mostramos los datos de las
refacciones del vehiculo seleccionado sin
necesidad de cambiar de página

13. Práctica en el hosting

14. 9.-

15. 10.-

16. 11.-

17. Práctica en funcionamiento

18. 12.-

19. 13.-

20. Link de la práctica:
http://localhost/oscaralbaproyectoph
p2023a.atspace.cc/paginas/ajax_Vehic
ulo_Oscar_Alba.php