{"id":166,"date":"2008-05-31T19:47:00","date_gmt":"2008-05-31T19:47:00","guid":{"rendered":"http:\/\/www.tutego.de\/blog\/javainsel\/?p=166"},"modified":"2008-05-31T19:47:00","modified_gmt":"2008-05-31T19:47:00","slug":"persistjs-lokal-im-browser-daten-speichern","status":"publish","type":"post","link":"https:\/\/www.tutego.de\/blog\/javainsel\/2008\/05\/persistjs-lokal-im-browser-daten-speichern\/","title":{"rendered":"PersistJS: Lokal im Browser Daten speichern"},"content":{"rendered":"<p>Zust&#228;nde von Web-Applikationen k&#246;nnen, sofern sie klein sind, im Cookie gespeichert werden. Alles, was jedoch gr&#246;&#223;er als 4 KB ist, wird in der Regel auf der Serverseite abgelegt. Nun haben in den letzten Jahren die Browser-Hersteller lokale Speicherm&#246;glichkeiten entwickelt:<\/p>\n<ul>\n<li>globalStorage: Firefox 2.0+, Internet Explorer 8 <\/li>\n<li>localStorage: development WebKit <\/li>\n<li>openDatabase: Safari 3.1+ <\/li>\n<li>userdata behavior: Internet Explorer 5.5+ <\/li>\n<\/ul>\n<p>Daneben gibt es Plugins, etwa von Google (Gears) oder Yahoo. Das dumme bei den Plugins ist jedoch, das diese extra installiert werden m&#252;ssen. Ihr Vorteil allerdings: Eine standardisierte API. Doch damit kann nun Schluss sein. Mit <a href=\"http:\/\/pablotron.org\/?cid=1557\">PersistJS<\/a> gibt es eine standardisierte API, die von den jeweiligen Browser- und Plugin-APIs abstrahiert. Der Zugriff ist simpel<\/p>\n<pre><code>var store = new Persist.Store('Mein Data Store');<br \/>var data = &quot;Daten&quot;;<br \/>store.set('saved_data', data);<br \/><\/code><code>store.get('saved_data', function(ok, val) {<br \/>  if (ok)<br \/>    alert('saved data = ' + val);<br \/>});<br \/><\/code><code>store.remove('saved_data');<\/code><\/pre>\n<p>PersistJS nutzt nun intern:<\/p>\n<ul>  <\/p>\n<li>flash: Flash 8 persistent storage. <\/li>\n<li>gears: Google Gears-based persistent storage. <\/li>\n<li>localstorage: HTML5 draft storage. <\/li>\n<li>whatwg_db: HTML5 draft database storage. <\/li>\n<li>globalstorage: HTML5 draft storage (old spec). <\/li>\n<li>ie: Internet Explorer userdata behaviors. <\/li>\n<li>cookie: Cookie-based persistent storage.<\/li>\n<p><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Zust&#228;nde von Web-Applikationen k&#246;nnen, sofern sie klein sind, im Cookie gespeichert werden. Alles, was jedoch gr&#246;&#223;er als 4 KB ist, wird in der Regel auf der Serverseite abgelegt. Nun haben in den letzten Jahren die Browser-Hersteller lokale Speicherm&#246;glichkeiten entwickelt: globalStorage: Firefox 2.0+, Internet Explorer 8 localStorage: development WebKit openDatabase: Safari 3.1+ userdata behavior: Internet Explorer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[17],"tags":[],"class_list":["post-166","post","type-post","status-publish","format-standard","hentry","category-javascript"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/comments?post=166"}],"version-history":[{"count":0,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/166\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/media?parent=166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/categories?post=166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/tags?post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}