折腾记:

两个html文件html1和html2,要求使用js在html1中保存数据在html2中能够读取出来,不用数据库、不用session、不用xxx。

PersistJs这个js库。

html1文件的内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
<input type="text" id="txt"/>
<button onclick="save()">STORE</button>

<script src="<?php echo BASE_JS_PATH ?>persist-min.js"/>

<script type="text/javascript">

function save() {
var store = new Persist.Store('store_name');
console.log(store.set('data', document.getElementById('txt').value));
}

</script>

html2文件内容:

1
2
3
4
5
6
7
<script src="<?php echo BASE_JS_PATH ?>persist-min.js"></script>
<script type="text/javascript">

var store = new Persist.Store('store_name');
console.log(store.get("data"));

</script>

剩下的就在控制台查看效果吧。

本文严重符合伸手COPY党口味,之前有见到大神的PersistJs Demo文章,虽然就几句话,但是一直调试不通,自己折腾了十好几分钟才ok,记下。

据说这厮跨浏览器通用,而且若不支持html5,则自动使用cookie存储(我没验证),真是居家旅行、杀人放火必备之精品啊。