I am working on a project for school and one of the requirements is to prevent additional GET requests after the data has been cached once in local storage. Below is my code. I have been trying numerous things with no luck. Hoping someone can help!
[code]
function getFoodMenuData() {
var url = ‘http://localhost:8888/Tom_Carp_Final_Project/Chorizios/foodMenu.json’;
$.getJSON(url, function(data) {
window.localStorage.setItem(‘choriziosMenu’, JSON.stringify(data));
showFoodMenuData();
});
}
function showFoodMenuData() {
var data = JSON.parse(window.localStorage.getItem(‘choriziosMenu’));
var images = “”;
$.each(data.menu, function() {
images += ‘<li class=”list-group-item”><img style=”width: 100%;” src= “‘ + this.url + ‘”></li>’;
images += ‘<li class=”list-group-item”>’ + this.description + ‘</li>’;%0