localStorage

在做转盘抽奖的时候，在当前页面中奖，点击领取跳到下一个页面。那么问题来了，我当前页面抽到的奖品怎么才能传到下一个页面呢？

有两种方法，方法一：字符串拼接，在跳转路径上传输过去，但该方法有一个弊端，在微信里中跳转，会出现问号后面的所有字符，会出问题，如果只是pc端用，基本没问题。

var myPrize;

$(".my-award").on("click", function() {
　　window.location.href = "capital.html?gift=" + encodeURIComponent(myPrize) + "";
});

方法二：

在抽奖页面定义 localStorage

localStorage.setItem('gift',myPrize);

在领取奖品页面获取 localStorage

localStorage.getItem('gift')

 

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。