Usuario:ManuelRomero/PHP/xajax/practicaTienda

De WikiEducator
Saltar a: navegación, buscar


Actividad

En este caso se pide que modifiquemos la tienda.

  • No tiene mucha utilidad que cada vez que añadamos un producto en la cesta, se vuelva a ejecutar todo el proceso:
  1. Consultar a la base de datos los productos
  2. Enviarlos desde el sevidor al cliente
  3. Renderizar toda la página completa, mas aún si hubiera imágenes etc.

Cuando lo único que querríamos es añadir el producto seleccionado a la cesta, es decir cambiar el contendio de la cesta (esto lo guardamos en una variable de sesión), y añadir el producto comprado en la parte de la cesta de la página.

Exactamente lo mismo si damos a vaciar o a borrar un producto

Esta parte de la práctica pide que gestionemos esas acciones usando la tecnología ajax.

Para ello se pide que actualices la aplicación de la siguiente manera


  1. Se pueden modificar libremente cualquiera de los guiones PHP de la aplicación.
  2. Se debe crear un nuevo fichero, fcesta.js, para almacenar el código JavaScript necesario.
  3. Se debe crear un nuevo fichero, fcesta.php, para almacenar las funciones PHP que se ejecutarán mediante AJAX.
  4. Incluir en productos.php el código necesario para utilizar la librería.
  5. Incluir en fcesta.php el código necesario para utilizar la librería.
  6. Adaptar en productos.php el código que vacía el contenido de la cesta.
  7. Adaptar en productos.php el código que elimina un producto de la cesta.
  8. Adaptar en productos.php el código que muestra el contenido de la cesta.
  9. Adaptar en productos.php el código que añade un nuevo producto al contenido de la cesta.
  10. Programar correctamente en el fichero fcesta.js las funciones que realizan las llamadas AJAX.