fbpx
i

Class aptent taciti sociosqu
ad litorato rquent per conubia nostra

icone-cours-time-80

14h

icone-cours-level-intermediaire-80

niveau
intermédiaire

puis 25€ /mois

icone-cours-time-80

14h

icone-cours-level-intermediaire-80

niveau
intermédiaire

puis 25€ /mois

icone-cours-time-80

14h

icone-cours-level-intermediaire-80

niveau
intermédiaire

puis 25€ /mois

Les objectifs de ce module sont multiples. Vous allez voir comment, dans un premier temps, RÉCUPÉRER des variables d'un formulaire, les FORMATER dans l'optique éventuelle de les faire "PERSISTER" dans le cache de votre navigateur pour qu'elle soient toujours disponibles quand l'utilisateur revient sur la page après l'avoir quittée.

Part #1 - Récupérer les données d'un formulaire

Récupérer les données d’un formulaire

Utiliser l’objet FormData

L’objet FormData vous permet de créer un ensemble de paires clef-valeur généralement utilisé pour un envoi via fetch, mais il peut être utilisé indépendamment des formulaires afin de transmettre des données associées à une clef.

Récupérer un objet FormData à partir d’un formulaire

Dans la majorité des cas, on construit un objet FormData à partir des données d’un

existant, il suffit de spécifier cet élément formulaire lors de la création de l’objet FormData, comme le montre l’exemple ci-dessous:

Part #2 - Formater les données avec l'api JSON

Formater les données avec l’api JSON

Qu’est ce le JSON?

Le JavaScript Object Notation (JSON) est un format standard utilisé pour représenter des données structurées de façon semblable aux objets Javascript. Il est habituellement utilisé pour transmettre des données entre un serveur et un client. Popularisé par Douglas Crockford, il peut être utilisé indépendamment dans de nombreux autres langages de programmation disposant de fonctionnalités permettant d’analyser la syntaxe du JSON et d’en générer.

Attention, à la différence des objets JavaScript, un format JSON requiert forcément des clés entourées de doubles apostrophes tout comme pour les valeurs de type String.

Part #3 - Sauvegarder les données avec l'api localStorage

Sauvegarder les données avec l’api localStorage

Certificat de réussite