[JQ教程]JQ html5 localstorage 存储数组和读取数组实例

下面来为大家讲下如何使用localstorage 在JQ环境来存储和读取数组

直接放下实例代码吧：

首先是 html代码

<p id="a"></p>

<p id="b"></p>

<p id="c">点击</p>

<li id="save0">保存</li>

<li id="save1">读取</li>

然后插入JQ组件，可以直接使用CDN

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

再插入JQ代码如下：

var weekArray = ['周一','周二','周三','周四','周五']

$("#a").html(weekArray);

$("#c").click(function(){

weekArray[0]=1;

$("#a").html(weekArray);

});

$("#save0").click(function(){

window.localStorage.setItem('weekDay',JSON.stringify(weekArray)); alert("保存成功");

});

$("#save1").click(function(){

weekArray = JSON.parse(window.localStorage.getItem('weekDay')); alert("读取成功");

$("#a").html(weekArray);

});

以上必须依次加入代码，不然会执行不成功，主要原理是本来数组显示中文周一至周五

点击页面上面的点击改变数组文字

再点击保存来保存数组

然后刷新页面，再点击读取数据就会显示保存后的数组

更多JQ教程在 ys720.com

元素模板

[JQ教程]JQ html5 localstorage 存储数组和读取数组 实例

[JQ教程]JQ html5 localstorage 存储数组和读取数组实例