localStorage是指本地存儲(chǔ),具體什么情況下會(huì)用,這個(gè)根據(jù)跟人情況而定吧堤瘤。
它的幾個(gè)主要功能分別是設(shè)置(setItem),讀取(getItem),刪除(removeItem)
獲取localStorage的方法:
localSt = window.localStorage //chrome和safari下如此
向localStorage中添加內(nèi)容
window.localStorage.setItem(yourKeyString, yourValue)
// OR
window.localStorage.yourKeyString = yourValue
從localStorage中獲取內(nèi)容
window.localStorage.getItem(yourKeyString)
// OR
window.localStorage.yourKeyString
從localStorage中刪除某個(gè)內(nèi)容
window.localStorage.removeItem(yourKeyString)
Case: 將表單內(nèi)容存儲(chǔ)到本地椭豫,并通過localStorage中存儲(chǔ)的內(nèi)容來設(shè)置表單內(nèi)容
// 將表單內(nèi)容存儲(chǔ)到localStorage中,首先序列化表單內(nèi)容
var formData = {}
// jQuery Code
$(yourFormID).serializeArray().map(function(data){formData[data.name] = data.value})
window.localStorage.setItem(yourKeyString, JSON.stringify(formData))
// 通過存儲(chǔ)在localStorage中的表單內(nèi)容來設(shè)置表單
var storeData = JSON.parse(window.localStorage.getItem(yourKeyString))
$.each(storeData, function(key, value) {
? $(yourFormID).find("[name='" + key + "']").val(value)
})
這個(gè)例子可能會(huì)用在以下情況:
表單是以對(duì)話框的形式展示的弧腥,在關(guān)閉對(duì)話框或者中途出現(xiàn)其它操作二導(dǎo)致對(duì)話框被關(guān)閉時(shí)厦取,表單中填寫的數(shù)據(jù)是無法保留的,此時(shí)可以用上面的方法來實(shí)現(xiàn)保留表單內(nèi)容管搪。只要在適當(dāng)?shù)臅r(shí)間觸發(fā)保存操作(例如關(guān)閉對(duì)話框或者取消操作)虾攻,然后在再次打開且希望通過localStorage設(shè)置表單時(shí)進(jìn)行設(shè)置,并且在所有操作都完成之后(如提交了表單內(nèi)容)清除localStorage中對(duì)于表單內(nèi)容的保留更鲁。對(duì)于清除localStorage中某些內(nèi)容霎箍,請(qǐng)參考文章前面。
最后澡为,關(guān)于localStorage的使用問題漂坏,還可以參考LocalStorage And How To Use It On Websites