localStorage是指本地存储,具体什么情况下会用,这个根据跟人情况而定吧。
它的几个主要功能分别是设置(setItem),读取(getItem),删除(removeItem)
获取localStorage的方法:
localSt = window.localStorage //chrome和safari下如此
向localStorage中添加内容
window.localStorage.setItem(yourKeyString, yourValue)
// OR
window.localStorage.yourKeyString = yourValue
从localStorage中获取内容
window.localStorage.getItem(yourKeyString)
// OR
window.localStorage.yourKeyString
从localStorage中删除某个内容
window.localStorage.removeItem(yourKeyString)
Case: 将表单内容存储到本地,并通过localStorage中存储的内容来设置表单内容
// 将表单内容存储到localStorage中,首先序列化表单内容
var formData = {}
// jQuery Code
$(yourFormID).serializeArray().map(function(data){formData[data.name] = data.value})
window.localStorage.setItem(yourKeyString, JSON.stringify(formData))
// 通过存储在localStorage中的表单内容来设置表单
var storeData = JSON.parse(window.localStorage.getItem(yourKeyString))
$.each(storeData, function(key, value) {
$(yourFormID).find("[name='" + key + "']").val(value)
})
这个例子可能会用在以下情况:
表单是以对话框的形式展示的,在关闭对话框或者中途出现其它操作二导致对话框被关闭时,表单中填写的数据是无法保留的,此时可以用上面的方法来实现保留表单内容。只要在适当的时间触发保存操作(例如关闭对话框或者取消操作),然后在再次打开且希望通过localStorage设置表单时进行设置,并且在所有操作都完成之后(如提交了表单内容)清除localStorage中对于表单内容的保留。对于清除localStorage中某些内容,请参考文章前面。
最后,关于localStorage的使用问题,还可以参考LocalStorage And How To Use It On Websites