Skip to content

Instantly share code, notes, and snippets.

@scottsappen
Created July 1, 2013 15:01
Show Gist options
  • Save scottsappen/5901614 to your computer and use it in GitHub Desktop.
Save scottsappen/5901614 to your computer and use it in GitHub Desktop.
HTML5 Session Storage example of loading a blog roll every so often, not all the time
//this function will load blog roll from sessionstorage or go get it if need be
function doLoadBlogRoll()
{
var sessionKey = "postsInSession";
//if browser supports session storage, try to use it
if (sessionStorage) {
var sessionValue = sessionStorage.getItem(sessionKey);
if (sessionValue) {
// update website
$("#div_blogroll").html(sessionValue); // We just avoided one ajax request
return true;
}
}
//browser doesn't support session storage or the session var is empty, go get posts
$.ajax({
url: "myspecificurlgoeshere",
type: 'GET',
success: function (response) {
// update website
$("#div_blogroll").html(response);
//if sessionStorage supported, save response in session
if (sessionStorage) {
sessionStorage.setItem(sessionKey, response);
}
},
error: function(xhr) {
// handle errors
$("#div_blogroll").html("Sorry about that, but the latest posts are currently unavailable. Please refresh this page or try again later.");
},
});
return true;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment