html页面怎么在项目,如何在HTML页面使用“session”

如何在HTML页面使用“session”

如何在HTML页面使用“session”

在程序开发当中session的用处可以说是非常方便，然而当有静态化的需求时，我们必须把jsp转为Html，结果却发现session不能用了。那么我i们怎么来解决静态页面的session呢？

session为什么不能用在HTML

session是jsp(Java Server Pages)内置的九大对象之一，即request对象、response对象、session对象、application对象、out 对象、pageContext 对象、config 对象、page 对象、exception 对象。既然是jsp内置的对象，那么按理说我们在HTML是用不到，所以今天找来一个东西来代替session

sessionStorage

sessionStorage是JavaScript中的一个属性，它的用处就是能够做到像session一样的方便存取

单个存储

sessionStorage.setItem(‘key’, ‘value’);

单个获取

var value= sessionStorage.getItem(‘key’);

并且我们还能把它封装成js文件

示例

创建项目架构

首先我们创建一个项目，并且在js文件夹下创建一个js文件

编辑js文件

// globalData 可以随便定义，调用的时候相同即可

var globalData ={

/**

* setUserInfo 方法名

* uid 用户id

* uname 用户姓名

* usex 用户性别

*/

//多个存储

setUserInfo:function (uid,uname,usex){

//单个存储

sessionStorage.setItem("uid",uid);

sessionStorage.setItem("uname",uname);

sessionStorage.setItem("usex",usex);

},

//单个获取

getUserUid:function(){

return sessionStorage.getItem("uid");

},

getUserUName:function(){

return sessionStorage.getItem("uname");

},

getUserUSex:function(){

return sessionStorage.getItem("usex");

}

}

这样js就完成了

编辑Html页面

//调用多个存储方法

globalData.setUserInfo(1,"张三","123456")

//输出测试

alert(globalData.getUserUid()+globalData.getUserUName()+globalData.getUserUSex());

运行测试

结语

sessionStorage是一个很方便的属性

另外还有删除

sessionStorage.removeItem(‘key’);

以及清空sessionStorage

sessionStorage.clear();

霾^O^葬

发布了1 篇原创文章 · 获赞 0 · 访问量 13

私信

关注

标签：HTML,sessionStorage,globalData,session,js,页面

来源： https://blog.csdn.net/andaying/article/details/104091812