HTML5 提供的本地存儲功能，使得web應(yīng)用可以將數(shù)據(jù)存儲在用戶的本地瀏覽器。在 HTML5 中，數(shù)據(jù)不是由每個(gè)服務(wù)器請求傳遞的，而是只有在請求時(shí)使用數(shù)據(jù)。它使在不影響網(wǎng)站性能的情況下存儲大量數(shù)據(jù)成為可能。
在客戶端存儲的方法有兩種：
1. localStorage: 沒有時(shí)間限制的存儲，而且容量大，至少5M大?。凰邢嗤蛎捻撁娑伎梢源鎯瞳@取相同的數(shù)據(jù)。
2. sessionStorage: 針對一個(gè)session的數(shù)據(jù)存儲，該tab關(guān)掉就會消失。
目前大部分瀏覽器都已經(jīng)很好地支持了 HTML5 ，但了為安全，使用前還是應(yīng)該做客戶端檢測：
if (typeof(Storage) !== "undefined") { // Code for localStorage/sessionStorage.} else { // Sorry! No Web Storage support..}之所以會使用到這個(gè)功能，是因?yàn)槲夷壳霸谧龅囊粋€(gè)數(shù)據(jù)型網(wǎng)站，要通過API接口查詢參數(shù)傳給后臺，并獲取數(shù)據(jù)庫中返回的數(shù)據(jù)。而這里有一個(gè)問題，我要在頁面 a 跳轉(zhuǎn)到頁面 b，然后在頁面 b 調(diào)用API 接口將參數(shù)數(shù)據(jù)傳給后臺并獲取數(shù)據(jù)，而該參數(shù)數(shù)據(jù)是在頁面 a 獲得的，那么如何將頁面 a 產(chǎn)生的值傳遞給頁面 b 呢？
假設(shè)我們要傳給后臺的值和數(shù)據(jù)格式是： {unitGroup:["一年級","二年級","三年級"];
那么在頁面 a 生成了我們所需要的數(shù)據(jù) unitGroup 后，則使用 sessionStorage:
if (typeof(Storage) !== "undefined") { sessionStorage["unitGroup"] = data.unit.value;} else { sessionStorage["unitGroup"] = '';}然后在頁面 b 就可以通過以下語句獲?。?/p>
var unit_group = '';if (typeof(Storage) !== "undefined") { var myunits = sessionStorage["unitGroup"]; unit_group = myunits.split(",");}然后即可調(diào)用 ajax 將數(shù)據(jù)傳給后臺：
var newData = {unitGroup: unit_group};以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
