Αποθήκευση δεδομένων στον περιηγητή με CACHE, PREF και COOKIES

jComponent 20 · jcomponent@20 jcomponentfrontendstorage Εκτελέστηκε με jComponent 20

Τρεις helpers αποθηκεύουν δεδομένα στον περιηγητή:

το CACHE(key, value, expiration) αποθηκεύει οποιαδήποτε τιμή για ένα διάστημα ('10 minutes', '1 day') και το CACHE(key) τη διαβάζει, δίνοντας null μόλις λήξει. Τα δεδομένα ζουν στον αποθηκευτικό χώρο του περιηγητή, οπότε επιβιώνουν σε μια επαναφόρτωση.
το PREF.set(name, value) αποθηκεύει μια προτίμηση χρήστη για ένα έτος· διαβάστε την ως PREF.name.
τα COOKIES.set(name, value, expiration), COOKIES.get(name) και COOKIES.rem(name) δουλεύουν με πραγματικά cookies, που ο διακομιστής λαμβάνει σε κάθε αίτημα.

public/index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>jComponent</title>
	<link rel="stylesheet" href="//cdn.componentator.com/spa.min@20.css" />
	<script src="//cdn.componentator.com/spa.min@20.js"></script>
</head>
<body>
	<p class="theme"></p>

	<script>

		CACHE('profile', { name: 'Peter', age: 42 }, '1 hour');
		CACHE('short', 'value', '1 second');

		PREF.set('theme', 'dark');
		$('.theme').text('Theme: ' + PREF.theme);

		COOKIES.set('visited', 'yes', '1 day');

	</script>

</body>
</html>

Δοκιμάστε το στον browser σας

Επεξεργαστείτε το παράδειγμα και εκτελέστε το. Εκτελείται σε απομονωμένο πλαίσιο στον browser σας· τίποτα δεν στέλνεται στον διακομιστή μας.

Κώδικας

Προεπισκόπηση