js/jq localStorage 存取對象

JavaScript/jQuery使用localStorage可以存取對象，但是需要JSON.stringify裝換。

---

（一）實現方式

function updateChannel(){
	var records = getSelectedRecords('grid');
	if(records.length == 0){
		dialogUtil.alert('請選擇需要操作的記錄！',true);
		return false;
	}
	records = JSON.stringify(records); //JSON.stringify裝換成json
	indow.localStorage.setItem("records", records); //存數據
	console.log('獲取本地存儲的數據', JSON.parse(localStorage.getItem("records"))) //JSON.parse編譯localStorage.getItem獲取到的數據
	window.location.href=path+"/pages/params/email/emailAdd.jsp?isUpdate=1"
}

//存取之後到其他頁面也可以獲取，現在這裏這麼寫只是爲了能夠更加直觀地體現出來。

---

（二）知識拓展

JS下的操作方法(值的獲取和設置可以分兩種方式)
獲取值1：localStorage.getItem(“key”)
設置值1：localStorage.setItem(“key”,”value”)

獲取值2：localStorage.keyName
設置值2：localStorage.keyName = “value”

清除值：localStorage.removeItem(“key”)
清除所有值：localStorage.clear()

JQ下的操作方法（相當於JS方法前加”window.”）

獲取值1：window.localStorage.getItem(“key”)
設置值1：window.localStorage.setItem(“key”,”value”)

獲取值2：window.localStorage.keyName
設置值2：window.localStorage.keyName = “value”

清除值：window.localStorage.removeItem(“key”)
清除所有值：window.localStorage.clear()

localStorage和sessionStorage

localStorage 除非被清除，否則永久保存
數據存儲容量都一般爲5MB
sessionStorage 僅在當前會話下有效，關閉頁面或瀏覽器後被清除

sessionStorage 使用

與localStorage一樣，只需把localStorage換成sessionStorage即可。

sessionStorage.setItem("key", "value");     localStorage.setItem("site", "js8.in");

var value = sessionStorage.getItem("key");     var site = localStorage.getItem("site");

sessionStorage.clear();     localStorage.clear();