If you're website also offers a mobile version, it's likely that you are pulling much of your data for the mobile site from your "desktop" site. And, even more likely that you're using AJAX to do it.<\/p>\n
However, if you are loading static data repeatedly, you can imagine the unnecessary use of mobile bandwidth can add up to a slower user experience. The HTML 5 spec provides a means to improve this, by storing data in the web browser. This new method provides enhancements over cookies, in that it is safer and easier to access via JavaScript.<\/p>\n
Of course, when requesting data via AJAX, there is the option to cache that request in the browser. In the case of jQuery, the cache <\/em><\/a>parameter to the $.ajax<\/em> method serves this purpose.<\/p>\n However, depending on your server settings, the cache expiration might be a little "strong".<\/p>\n A session type storage is more suitable for a shorter expiration – the life of the user session. HTML 5 supporting browsers offer the sessionStorage and localStorage options along with their respective JavaScript methods. You can leverage sessionStorage<\/a> by first checking for the existence of a sessionStorage variable, and if it does not exist, perform the appropriate AJAX call to get the data. After which, you would store that data in the sessionStorage scope.<\/p>\n \tfunction performActionHelper() { <\/p>\n There's a couple things to take note of here.<\/p>\n \t\tNote: You can't reliably create a function that makes an asynchronous AJAX call, then returns a value, as that value probably won't be available by the time the function returns. If you're website also offers a mobile version, it's likely that you are pulling much of your data for the mobile site from your "desktop"…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[14,5,132,41],"tags":[53],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/603"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":2,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/603\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/603\/revisions\/605"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}sessionStorage Example<\/h3>\n
function performAction() {
\n\t if (sessionStorage.myData == null) {
\n\t $.ajax({
\n\t url: 'http:\/\/www.mysite.com\/getData.cfm',
\n\t dataType: 'jsonp',
\n\t success: function(data) {
\n\t sessionStorage.myData = JSON.stringify(data);
\n\t performActionHelper();
\n\t }
\n\t });
\n\t }
\n\t else
\n\t performActionHelper();
\n\t}<\/p>\n
\n\t \/\/ processing code here
\n\t console.log(myData);
\n\t}<\/code><\/p>\n\n
\n\t\t <\/li>\n