Enregistrer html dans un cookie

J’utilise jQuery pour cloner et append du HTML à un div.

Mon problème est que ce code HTML sera supprimé lors de l’actualisation de la page. La question est de savoir comment je peux enregistrer le code HTML ajouté dans la div (le code HTML contiendra des entrées et des listes de sélection et il y aura beaucoup de code).

Que devrais-je examiner?

Biscuits?

HTML5?

Rien d’autre?

Si vous ne voulez que prendre en charge les navigateurs modernes, je choisirais le stockage hors ligne de HTML5.

Une autre approche serait d’obtenir la route AJAX.

Vous ne voulez pas utiliser de cookies pour cela, bacause:

les cookies sont chargés à chaque demande

Les cookies ne peuvent contenir qu’un nombre limité d’informations.

Utilisez l’un des nombreux plug-ins de stockage jQuery. Beaucoup d’entre eux utilisent le stockage html5, mais s’il n’y a pas de support pour le stockage html5 dans le navigateur, il utilisera d’autres techniques. Par exemple, avec le plugin JQUERY STORAGE, vous sauvegarderiez les données de la manière suivante:

$.Storage.set("name", "value"); 

et le restaurer de cette manière:

 $.Storage.get("name"); 

Si vous ajoutez du code à un autre élément, je vous recommande de sauvegarder les mêmes données que vous ajoutez au stockage au lieu de les sélectionner et de les récupérer à partir du document (c’est un peu plus rapide).

vous pouvez essayer cette fonction

  

cet exemple pour tag d’entrée

  

s’il vous plaît corriger si je fais des erreurs

N’essayez certainement pas de stocker du HTML dans des cookies … la seule limitation de la taille 1 n’en ferait pas une bonne option. Cependant, vous voudrez peut-être enregistrer dans les cookies un “indicateur” qui déclenche la réinsertion du code HTML lors du rendu de la page (soit en appelant à nouveau la fonction qui l’a ajoutée la première fois, soit en le récupérant via AJAX.)

Cependant, ce que je recommanderais, c’est de rappeler le serveur AJAX lorsque l’utilisateur ajoute du contenu à la page. Cet appel mettrait à jour l’object / la firebase database sur le serveur de telle sorte que lorsque la page est rechargée, il ramène tout le contenu, y compris la partie ajoutée dynamicment par l’utilisateur.

RFC 2109

 [1] RFC 2109 - section 6.3 (on HTTP Cookies) 4096 bytes per cookie 20 cookies per unique host or domain name 

Hakan, l’appel ajax rendra votre cache de page complet inutile (ou du moins moins utile) car votre serveur chargera à nouveau php + apache / nginx pour chaque requête afin que vous ne gagniez presque aucune performance, ou du moins pas grand un cache de page complètement complet. Nous prévoyons de créer une solution de cache complet et, au premier abord, nous avons pensé utiliser un cookie et une session pour le panier d’achat, demandant si le client prend en charge le cookie et rétrogradait en appel Ajax. Dis-moi si tu as enfin une solution. Je prévois d’utiliser nginx et memcache pour le cache de page complet et php + apc + apache + mod_sitespeed pour les requêtes dorsales