HTML5 Client Side Storage

[ התוכן שמופיע כאן מועמד לסטנדרטיזציה ב html5  יתכן וחלק מהדברים לא יעבדו כרגע על כל דפדפן ]

ישנם שני ממשקים שתפסו את עיני לגבי שמירת נתונים דרך הדפדפן

  1. אכסון נתונים – מאפשר שמירת נתונים בדפדפן בצורת key – value .
  2. אכסון מקומי  בצורה עבודה  לא מכוונת – אפשרות לשמור נתונים במבנה sql מקומי (משתמש ב sqlite).

אכסון מבנה נתונים פשוט

שמירת הנתונים נעשית דרך api חדשים בשם localStorage sessionStorage שניהם ממשים את אותו ממשק ומבצעים את אותן הפעולת אך תחום שמירת התנונים הוא שונה

עבור sessionStorage התחום הוא ה session ועבור localStorage הוא הדומיין (בדומה לשמירת cookies). ה api  מאוד פשוט וניתן להבין אותו בקלות לפי דוגמאת הקוד הבאה

אכסון מבנה נתונים מורכב

ניתן ליצור גם מסדי נתונים מקומיים לשמירת מבנה נתונים מורכב על בסיס sqlite בנית טבלאות , ניהול גרסאות  ,שאילתות וטאנסאקציות כולן אפשריות מול בסיס הנתונים המקומי.

שיטת העבודה היא מול מסד הנתונים היא טרנסאקציונאלית – יוצרים אוביקט מסד נתונים  דרכו יוצרים טרנסאקציה ובתוך הטרנסאקציה מבצעים את השאליתות (ניתן לראות בדוגמת הקוד)

מקורות

w3c Offline Web Applications

w3c Web Storage

This entry was posted in מאמרים, קוד and tagged , , , , , , . Bookmark the permalink.

כתיבת תגובה

האימייל שלך לא יוצג באתר. (*) שדות חובה מסומנים

*

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">