Comparte en Facebook Twitter Google+

Esta es la lección 21 del curso de Laravel 5.

AJAX con jQuery y Laravel

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:

Primeros pasos con Laravel 5.1.

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.

Únete a la discusión

Regístrate en Styde y obtén una invitación a nuestro Slack.

  • ¿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 continua mejorando tus habilidades: ver planes.

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)