封装html5不能刷新,html5 – localStorage在页面刷新后不检索值

我正在尝试测试

html5 localStorage功能.出于某种原因,每当我尝试在刷新页面后从存储中检索值时,我只返回返回的空值. (如果我尝试在我设置它们的同一个函数中检索值,那么我可以正确地检索它们).

一件事：我正在加载的html / javascript是从本地磁盘请求的(例如,我正在使用字符串：“file：/// C：/testLocalStore.html”来浏览文件,而不是从Web服务器请求它.这会导致我看到的localStore问题吗？

(我想发布完整的代码示例,但我在格式化方面遇到了一些问题.我会很快发布它).

test local storage

function savestuff()

{

var existingData = localStorage.getItem("existingData");

if( existingData === undefined || existingData === null )

{

// first time saving a map.

existingData = $("#mapName").val();

}

else

{

existingData = existingData + "," + $("#mapName").val();

}

localStorage.setItem("existingData", existingData);

// test is non-null here, it was properly retrieved.

var test = localStorage.getItem("existingData");

}

$(document).ready( function init()

{

// existing data is always null.

var existingData = localStorage.getItem("existingData");

if( existingData !== null )

{

var existingDataListHtml = existingData.split(",");

existingDataListHtml = $.each(existingData, function(data) {

return "

" + data + "";

});

$("#existingData").html("

• " + existingDataListHtml + "");

}

} );