I've got this piece of jquery code that accesses a url via get and inserts the data to a container. How can I change it to actually cache the requested url and the returned data, so it won't load the url all over again if it's called more than once, but instead serve the cached data?
This is the code
_loadAjaxContents = function (href) {
var dfr = new $.Deferred();
$.get(href, function (data) {
self.$expanderInner.html(data);
dfr.resolve();
});
return dfr.promise();
}
分享 well I made it by means of localstorage thanx to the link posted by aug.
Here is the changed function
_loadAjaxContents = function (href) {
var dfr = new $.Deferred();
function populateStorage(href,data){
localStorage.setItem('url-' + href, data);
}
var aValue = false;
if(aValue = localStorage.getItem('url-' + href)) {
self.$expanderInner.html(aValue);
dfr.resolve();
} else {
$.get(href, function (data) {
self.$expanderInner.html(data);
dfr.resolve();
populateStorage(href,data);
});
}
return dfr.promise();
}
