Iniciació a Ajax i JSON per a novells en 7 minuts

Publicada el per

El vídeo introdueix què és JSON i com s’utilitza amb AJAX per comunicar una aplicació frontend en JavaScript amb un backend al servidor, tot visualitzant el procés amb les eines de desenvolupador del navegador.

Què és JSON i per a què serveix

  • S’explica que JSON és un format lleuger d’intercanvi de dades, fàcil de llegir per humans i molt fàcil de processar amb JavaScript.
  • Es comenta que és el format habitual per enviar i rebre informació entre client i servidor en aplicacions web modernes (APIs, AJAX, etc.).

Com funciona AJAX amb JSON

  • Es mostra que, des del navegador, JavaScript pot fer peticions asíncrones al servidor (AJAX) per demanar o enviar dades sense recarregar tota la pàgina.
  • El servidor respon amb dades en format JSON, que el JavaScript del navegador parseja i utilitza per actualitzar parts de la interfície (textos, llistes, etc.).

Demo amb eines de desenvolupador

  • El vídeo ensenya a usar les Web Developer Tools per veure les peticions AJAX a la xarxa, el cos de la resposta JSON i com el navegador les interpreta.
  • Es visualitza pas a pas el flux: petició des del client, resposta del servidor en JSON i actualització dinàmica del contingut de la pàgina.