最近我學習了一些關于H5 JS頁面跳轉,并在實際項目中實現了JSON數據的傳遞。在此我分享一下我的經歷。
首先,在H5中跳轉頁面有幾種方式,比如使用鏈接標簽、window.location.href='url'
等方法。對于以下示例,我們將使用鏈接標簽進行頁面跳轉。
<a href="url.html">跳轉到新頁面</a>
如果我們想把一些數據傳遞到新頁面,我們可以使用get參數或者post參數,但是這些方法會暴露數據。如果我們想要安全、穩定的數據傳遞,則可以通過JSON數據來實現。
首先,在源頁面中我們需要將數據轉換為JSON格式,然后將其轉換為字符串,最后將其存儲在“localStorage”中。如下面的代碼:
let obj = { "name": "Lucy", "age": 18, "sex": "girl" }; let jsonObj = JSON.stringify(obj); localStorage.setItem("data", jsonObj);
然后在我們在目標頁面中,我們需要從“localStorage”中獲取存儲的數據,將其轉換為JSON對象。如下所示:
let jsonObj = localStorage.getItem("data"); let obj = JSON.parse(jsonObj);
這樣,我們就可以在兩個頁面之間安全地傳遞JSON數據了。
總之,在H5 JS頁面跳轉中,通過使用JSON數據可以實現安全、穩定的數據傳遞。
上一篇python 屏幕多播
下一篇html字體變正怎么設置