1、url —— 需要将少量数据传给下一页,可以直接加在url上



(1)设置下一页链接 https://www.test/index.html?type1

(2)使用window.location.search 获取 href 属性中跟在问号后面的部分

示例:
var test = window.location.search;
alert(test);

返回:?type1

2、localStorage —— 如果数据太多的话,可使用localStorage

(对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage)

  • localStorage - 没有时间限制的数据存储

(1)检查浏览器是否支持

if(typeof(Storage)!=="undefined")
  {
  // 是的! 支持 localStorage sessionStorage 对象!
  // 一些代码.....
  }
else
  {
  // 抱歉! 不支持 web 存储。

  }

(2)可用API。localStorage 对象存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

  • 保存数据:localStorage.setItem(key,value);
  • 读取数据:localStorage.getItem(key);
  • 删除单个数据:localStorage.removeItem(key);
  • 删除所有数据:localStorage.clear();
  • 得到某个索引的key:localStorage.key(index);

更多推荐

前端使用 url/localStorage 将数据传到下一页