最近我學(xué)習(xí)了一些關(guān)于H5 JS頁面跳轉(zhuǎn)，并在實(shí)際項(xiàng)目中實(shí)現(xiàn)了JSON數(shù)據(jù)的傳遞。在此我分享一下我的經(jīng)歷。

首先，在H5中跳轉(zhuǎn)頁面有幾種方式，比如使用鏈接標(biāo)簽、window.location.href='url'等方法。對(duì)于以下示例，我們將使用鏈接標(biāo)簽進(jìn)行頁面跳轉(zhuǎn)。

<a href="url.html">跳轉(zhuǎn)到新頁面</a>

如果我們想把一些數(shù)據(jù)傳遞到新頁面，我們可以使用get參數(shù)或者post參數(shù)，但是這些方法會(huì)暴露數(shù)據(jù)。如果我們想要安全、穩(wěn)定的數(shù)據(jù)傳遞，則可以通過JSON數(shù)據(jù)來實(shí)現(xiàn)。

首先，在源頁面中我們需要將數(shù)據(jù)轉(zhuǎn)換為JSON格式，然后將其轉(zhuǎn)換為字符串，最后將其存儲(chǔ)在“l(fā)ocalStorage”中。如下面的代碼：

let obj = {
"name": "Lucy",
"age": 18,
"sex": "girl"
};
let jsonObj = JSON.stringify(obj);
localStorage.setItem("data", jsonObj);

然后在我們?cè)谀繕?biāo)頁面中，我們需要從“l(fā)ocalStorage”中獲取存儲(chǔ)的數(shù)據(jù)，將其轉(zhuǎn)換為JSON對(duì)象。如下所示：

let jsonObj = localStorage.getItem("data");
let obj = JSON.parse(jsonObj);

這樣，我們就可以在兩個(gè)頁面之間安全地傳遞JSON數(shù)據(jù)了。

總之，在H5 JS頁面跳轉(zhuǎn)中，通過使用JSON數(shù)據(jù)可以實(shí)現(xiàn)安全、穩(wěn)定的數(shù)據(jù)傳遞。