Esta es la lección 21 del curso de Laravel 5.
Tal como lo indica el título, hoy aprenderemos cómo interactuar desde Javascript con un backend en Laravel, tal como lo haríamos con un API; pero en este caso haremos un ejemplo sencillo dentro de nuestra aplicación, para eliminar filas utilizando jQuery y una petición POST con AJAX.
Revisa la nueva versión de nuestro curso básico:
A pesar de que hoy en día existen frameworks de Javascript más potentes como AngularJS, jQuery aún es útil si sólo necesitamos agregar contenido dinámico para algún widget dentro de nuestra aplicación o sitio web, por ejemplo un campo de auto-completado o combos dependientes.
Hoy veremos por primera vez cómo podemos combinar un framework de Javascript con una aplicación de Laravel, también aprenderemos sobre el formato JSON, todo esto le va a permitir a nuestros usuarios eliminar registros sin necesidad de que la página recargue dentro del navegador.
Por último responderemos a la pregunta: ¿Es posible utilizar el framework de Javascript ____ con Laravel?
Material adicional
Actividades
- Mueve el código Javascript que creamos en clase a un archivo .js y llámalo desde el layout app.blade.php
- Intenta hacer el código de Javascript genérico para que funcione con otros módulos similares
- Busca «bootstrap notifications» en Google e intenta integrar un componente a tu módulo de manera de imprimir mensajes más elegantes que no bloqueen al usuario (como lo hace la funnción alert). Por ejemplo, podrías usar este plugin.
- ¿Cuando es conveniente que recargue el navegador y cuando que nuestra app tenga interacción 100% con Javascript?
- Además, los estaremos ayudando a resolver los ejercicios para mejorar aún más el módulo que estamos creando.
Regístrate hoy en Styde y obtén acceso a todo nuestro contenido.
Lección anterior Aplicando el principio de diseño de software DRY en Laravel 5 Lección siguiente Búsquedas y filtros con Laravel y Eloquent (Query scopes)