无法让localStorage工作

Question

这是我的小提琴：jsfiddle.net/XR8EZ

单击加载按钮后，我无法加载保存数据。有人能帮我一下吗？

抱歉长度= D

Answer 1

加载例程错误。 使用setItem（'serializedObj'）保存所有数据（stringifyed）。 然后使用“retrieveItem = localStorage.getItem（'serializedObj'）;”检索值但不保存“JSON.parse（retrieveItem）;”的值。 然后尝试直接通过localStorage.getItem（imgName）;

检索值

您可以检索并保存数据：

dataparsed = JSON.parse(retrievedItem);

然后您必须使用此值来检索值：

//Reconstruct the original image array
for (i=0;i<totalState.length;i++) {                        
  var thisParseImgVal = dataparsed.imgName;    
  totalImage[i] = JSON.parse(thisParseImgVal);
}

您必须更正保存/加载代码，我建议您将数据保存为数组：

var imgVal = JSON.stringify(totalImage);                        
var shpVal = JSON.stringify(totalShape);
var hLval = JSON.stringify(totalHighlight);
var str = {imgName:imgVal,shpName:shpVal,hLname:hLval}; //Store

所以你必须把它读作：

totalImage[i] = JSON.parse(thisParseImgVal[i]);