在jquery中,“jquery.session.js”用于添加、刪除、獲取session數(shù)據(jù),是用于操作session的插件,也是一個(gè)用來處理session的庫,能夠簡(jiǎn)化session操作,添加數(shù)據(jù)的語法為“$.session.set('key', 'value')”,刪除數(shù)據(jù)的語法為“$.session.remove('key');”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery.session.js怎么用
使用jquery來處理session。我們將使用sessionStorage對(duì)象,它類似與localStorage對(duì)象,只是sessionStorage是用來儲(chǔ)存session數(shù)據(jù)的。當(dāng)用戶關(guān)閉瀏覽器這個(gè)數(shù)據(jù)會(huì)被清除掉。
簡(jiǎn)介:
JquerySession是一個(gè)基于jquery的用來處理session的庫,使用它可以簡(jiǎn)化我們的工作。在使用之前需要引入jquery。
語法:
添加數(shù)據(jù)
$.session.set('key', 'value')
刪除數(shù)據(jù)
$.session.remove('key');
獲取數(shù)據(jù)
$.session.get('key');
清除數(shù)據(jù)
$.session.clear();
示例如下:
工作中有一個(gè)需求:
表格展示的列太多,需要提供可以配置展示隱藏列的功能。
最開始是想將展示的列存到數(shù)據(jù)庫。后來同事提供了思路:
將所有的列隱藏,頁面初始化載入時(shí),默認(rèn)加載固定設(shè)置的列,然后在前端獲取到所有的列,彈出對(duì)話框提供勾選,將數(shù)據(jù)保存到 JS 的session中,然后重新載入parent的頁面,加載session中配置的列,然后加載即可。
$.session.set("key",value);
$.session.get("key")
需要導(dǎo)入 jquerySession.js 文件。
做法優(yōu)點(diǎn):方便簡(jiǎn)潔,不需要在后臺(tái)前臺(tái)進(jìn)行數(shù)據(jù)交換。
缺點(diǎn):由于是使用的jquery 的session ,所以在session失效后,就只能加載默認(rèn)設(shè)置的展示列。
視頻教程推薦:jQuery視頻教程