1. 程式人生 > >HTML5跳轉頁面並傳值以及localStorage的用法

HTML5跳轉頁面並傳值以及localStorage的用法

local set locals 必須 開心 想要 頁面 是把 格式轉換

1、首先,你得在那個頁面把數據存入localStorage中吧。這個是必須的!

localStorage.setItem("user",JSON.stringify(data.allUser));

用localStorage的setItem方法,這個方法看名字都知道得差不多了吧。。。
setItem把數據存入localStorage中(如果這個localStorage對象並沒有創建的話,他會幫你創建一個。)

後面的JSON.Stringify(data.allUser)中,data.allUser是我想要的值,一個json對象,這個就是把json格式的數據轉換成鍵值對的形式存入localStorage中,localStorage是一個以鍵值對為唯一形式的數據

總的來說,這句代碼也就是把data.allUser轉換成鍵值對形式存入localStorage變量user中。

2、跳轉頁面

這個跳轉頁面的方法就五花八門了,你開心就好

3、在另一個頁面的js中獲取localStorage中的數據

var user = JSON.parse(localStorage.getItem("user"));

把鍵值對格式轉換為json格式並賦值給一個js變量。
4、localStorage傳值結束.

HTML5跳轉頁面並傳值以及localStorage的用法