HTML5 应用 sessionStorage 开展网页页面传值的方式

日期:2021-02-27 类型:科技新闻 

关键词:在线小程序开发,微信小程序怎么做店铺,小程序logo设计,小程序平台,小程序码生成

HTML5 出示的当地储存作用,使得web运用能够将数据信息储存在客户的当地访问器。在 HTML5 中,数据信息并不是由每一个服务器恳求传送的,而是仅有在恳求时应用数据信息。它使在不危害网站特性的状况下储存很多数据信息变成将会。

在顾客端储存的方式有两种:
1. localStorage: 沒有時间限定的储存,并且容量大,最少5M尺寸;全部同样网站域名的网页页面都可以以储存和获得同样的数据信息。
2. sessionStorage: 对于1个session的数据信息储存,该tab关闭就会消退。

现阶段绝大多数访问器都早已很好地适用了 HTML5 ,但了为安全性,应用前還是应当做顾客端检验:

if (typeof(Storage) !== "undefined") {
    // Code for localStorage/sessionStorage.
} else {
    // Sorry! No Web Storage support..
}

之因此会应用到这个作用,是由于我现阶段在做的1个数据信息型网站,要根据API插口查寻主要参数发送给后台管理,并获得数据信息库中回到的数据信息。而这里有1个难题,我要在网页页面 a 自动跳转到网页页面 b,随后在网页页面 b 启用API 插口将主要参数数据信息发送给后台管理并获得数据信息,而该主要参数数据信息是在网页页面 a 得到的,那末怎样将网页页面 a 造成的值传送给网页页面 b 呢?

假定大家要发送给后台管理的值和数据信息文件格式是: {unitGroup:["1年级","2年级","3年级"];

那末在网页页面 a 转化成了大家所必须的数据信息 unitGroup 后,则应用 sessionStorage:

if (typeof(Storage) !== "undefined") {
    sessionStorage["unitGroup"] = data.unit.value;
} else {
    sessionStorage["unitGroup"] = '';
}

随后在网页页面 b 便可以根据下列句子获得:

var unit_group = '';
if (typeof(Storage) !== "undefined") {
    var myunits = sessionStorage["unitGroup"];
    unit_group = myunits.split(",");
}

随后便可启用 ajax 将数据信息发送给后台管理:

var newData = {unitGroup: unit_group};

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。