jSON使用本地存儲API獲取請求

我想知道是否有人可以爲我目前遇到的這個問題提供一些幫助。我在這方面是全新的，不幸的是編程的教科書Headfirst並沒有很好地解釋這一點。我研究了很多stackoverflows，但無濟於事。任何幫助在正確的方向將不勝感激。謝謝！jSON使用本地存儲API獲取請求

任務是顯示食物菜單以及下面的項目列表。

應該使用來自通過Ajax GETrequest檢索的JSON文件的數據生成。
生成包含所需菜單項的JSON文件。
您決定如何顯示菜單項目。即有序列表，無序列表等。
使用localStorge API緩存來自JSON響應的數據
確保在數據緩存後不會進行GET請求。
當數據緩存

我認爲這是正確的GET請求檢索localStorage的數據？我知道我錯過了東西，但老實說它已經超出了我的頭。

我叫startersMenu.json這裏

var startersMenu = { 
"starters": [ 
{ 
"name": "Jumbo Lump Crab Cake", 
"description": "Creole lobster sauce." 
}, 

{ 
"name": "Bacon Wrapped Sea Scallops", 
"description": "Chardonnay lemon sauce, Mango salsa." 
}, 
{ 
"name": "Chilled Maine Lobster Cocktail", 
"description": "Atomic cocktail sauce and lemon butter." 
}, 
{ 
"name": "Coconut Shrimp", 
"description": "three jumbo tiger shrimp, vanilla orange beurre blanc." 
}, 
{ 
"name": "Crispy Point Judith Calamari", 
"description": "Italian peppers and Bleu cheese Stuffed olives, Atomic cocktail sauce." 
}, 
{ 
"name": "Oysters on the Half Shell", 
"description": "shucked to order, mignonette and Atomic cocktail sauces." 
} 

] 

}

來源

2017-03-09 logan26

for(var i=0; i<startersMenu.starters.length; i++){ 
localStorage.setItem('name_'+i, JSON.stringify(startersMenu.starters[i].name)); 

var nameString = localStorage.getItem("name_"+i); 
console.log(nameString); 
}

通過這種方式，您可以存儲使用本地存儲數據，並方便地檢索..

$.ajax({ 
      url: 'data/startersMenu.json', 
      data: { 

      }, 
      cache: false,   // you can set cache true or false here 

     complete: function (jqXHR, textStatus) { 
      // following statements 

     } 
});

您已經選擇的方法是更好的辦法。你可以設置緩存真或假來存儲緩存..

使用這種方式的方法是更好的方式來幫助你..

來源

2017-03-09 06:58:05

你需要編寫代碼的Ajax調用成功響應後您的JSON數據存儲在外部JSON文件。請注意，在保存到本地存儲之前，您需要將獲取的json串聯起來。 localStorage.setItem('key', JSON.stringify(json)); 然後，您可以在每次再次進行ajax調用之前檢查本地存儲。 localStorage['key'] 如果有數據，則將其從本地存儲中取出，否則請向服務器請求數據。

來源

2017-03-09 06:51:49

jSON使用本地存儲API獲取請求

回答

相關問題