在開發過程中,經常需要將數據從一個頁面傳遞到另一個頁面。傳統的方法是使用URL參數,但這不僅繁瑣而且容易出錯。H5引入了一個新的方法,即h5json。
h5json是一種基于JSON格式的數據交換格式。它通過使用JavaScript對象來表示數據,并通過序列化和反序列化來傳輸它們。在傳遞數據時,您可以將JavaScript對象轉換為字符串,并將其存儲在URL參數中。接收數據時,您可以將字符串解析為JavaScript對象并使用它們。
下面是一個使用h5json傳遞數據的簡單示例:
// 頁面1
let data = {
name: '小明',
age: 18,
gender: '男'
};
let url = `page2.html?data=${encodeURIComponent(JSON.stringify(data))}`;
// 跳轉到頁面2
window.location.href = url;
// 頁面2
let paramsString = window.location.search.split('?data=')[1];
let data = JSON.parse(decodeURIComponent(paramsString));
console.log(data.name); // 輸出:小明
console.log(data.age); // 輸出:18
console.log(data.gender); // 輸出:男
在上面的示例中,我們將一個JavaScript對象傳遞給頁面2。我們使用JSON.stringify序列化該對象,并在URL參數中使用encodeURIComponent編碼字符串。接收數據時,我們使用decodeURIComponent解碼URL參數,并使用JSON.parse將字符串解析為JavaScript對象。
使用h5json傳遞數據比使用URL參數更簡單且更靈活。它還提供了更好的安全性,因為您無需擔心URL參數被篡改。如果您想傳遞敏感數據,最好使用h5json。