AJAX i Laravel usant jQuery

Aquesta és la lliçó 21 de el curs de Laravel maig.

AJAX amb jQuery i Laravel

tal com ho indica el títol, avui aprendrem com interactuar des Javascript amb un backend en Laravel, tal com ho faríem amb un API; però en aquest cas farem un exemple senzill dins de la nostra aplicació, per eliminar files utilitzant jQuery i una petició POST amb AJAX.

Revisa la nova versió del nostre curs bàsic:

Primers passos amb Laravel 5.1.

tot i que avui dia existeixen frameworks de Javascript més potents com AngularJS, jQuery encara és útil si només ens cal afegir contingut dinàmic per algun giny dins de la nostra aplicació o lloc web, per exemple un camp d’auto-completat o combos dependents.

Avui veurem per primera vegada com podem combinar un framework de Javascript amb una aplicació de Laravel, també aprendrem sobre el format JSON, tot això li va a permetre als nostres usuaris eliminar registres sense necessitat que la pàgina recarregui dins el navegador.

Finalment respondrem a la pregunta: És possible utilitzar el framework de Javascript ____ amb Laravel?

Ma terial addicional

  • Eliminar un registre amb Laravel 4 i Codeception

Activitats

  • Mou el codi Javascript que vam crear a classe a un arxiu .js i crida-des del layout app.blade.php
  • Intenta fer el codi de Javascript genèric perquè funcioni amb altres mòduls similars
  • Cerca “bootstrap notifications” a Google i intenta integrar un component al teu mòdul de manera d’imprimir missatges més elegants que no bloquegin a l’usuari (com ho fa la funnción alert). Per exemple, podries usar aquest connector.
  • Quan és convenient que recarregui el navegador i quan que la nostra app tingui interacció 100% amb Javascript?
  • A més , els estarem ajudant a resoldre els exercicis per millorar encara més el mòdul que estem creant.

Registra’t avui en Stydey-vos accés a tot el nostre contingut.

Duilio Palaus

Publicat per: Duilio Palaus

Programador i professor de PHP i Laravel. Creador d’Styde.net.

  • https://twitter.com/sileence/

AJAX jQuery JSON Laravel 5

Lliçó anterior Aplicant el principi de disseny de programari DRY en Laravel 5

a

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *