2012-06-12 4 views
0

J'ai une webapp où mes employés prennent des quiz (question à choix multiples) .Je dois enregistrer la réponse de l'utilisateur au format json et soumettre la réponse au serveur lorsque l'utilisateur touche le bouton Soumettre mais quand une personne passe par un quiz Je veux être en mesure de sauvegarder les progrès de l'utilisateur localement. Ce que je veux, c'est de stocker ces données json localement jusqu'à ce que l'utilisateur soumette le quiz et une fois que l'utilisateur touche le bouton soumettre les données locales doivent être détruit.Dans ce cas, si le système tombe en panne, je peux recueillir manuellement la progression de l'utilisateur à partir du système du participant. Est-il possible de stocker des données localement en utilisant javascript?Stocker des données json localement sur le système en utilisant javascript?

Répondre

6

Vous pouvez utiliser local storage de HTML5

localStorage.setItem(id, value); 

Pour récupérer l'utilisation de la valeur de stockage:

localStorage.getItem(id); 
+0

pour que mon navigateur doit être compatible HTML5 et secondaire il ne serait pas dans un format de fichier que je pourrais collecter manuellement dans une clé USB – user1170793

+0

Cela fonctionne UNIQUEMENT pour HTML5. – Victor

+0

En cas de panne du système, ces données persisteront-elles dans le stockage local lorsque je redémarrerai le système la prochaine fois? – user1170793

0

Cela dépend précisément que vous devez soutenir les navigateurs.

Pour les navigateurs plus récents, vous pouvez utiliser le stockage local HTML5. Il y a beaucoup d'informations sur l'utilisation de cette option déjà disponible, ainsi que this SO question demandant de bons guides sur l'utilisation du stockage local.

Pour les navigateurs plus anciens, vous voudrez probablement utiliser des cookies. Encore une fois, beaucoup d'informations sur l'utilisation des cookies sont déjà disponibles.

0

Certains wrappers existent pour le stockage persistant côté client.

Prenez par exemple Amplify.Store: http://amplifyjs.com/api/store/

Je n'ai aucune expérience avec elle, mais est censé utiliser les fonctionnalités HTML 5 de stockage et de secours automatiquement aux technologies prises en charge par les navigateurs plus anciens.

J'espère que cela aide.

Questions connexes