HTMLページに「セッション」を使用する方法
HTMLページに「セッション」を使用する方法
セッションの有用性の中でのプログラム開発では、それは非常に便利なことができますが、静的な要求があるとき、私たちはそのセッションのみを使用することはできません見つけるために、JSP HTMLに配置する必要があります。私はどのようにセッションそれを解決するために、私の静的なページを持っているので?
セッションでHTMLを使用しないのはなぜ
セッションは、JSP(Javaのサーバーページ)のいずれかが9オブジェクトを構築しているオブジェクトのうち、要求オブジェクト、応答オブジェクト、セッションオブジェクト、アプリケーションオブジェクト、つまり、pageContextのは、オブジェクト、設定オブジェクト、ページオブジェクト、例外オブジェクト。それは組み込みオブジェクトJSPあるので、それはそう代わりにセッションの今日の事を持って、我々は少ないHTMLでよりであることを理由に立っています
sessionStorage
sessionStorageはJavaScriptでの特性である、その使用はと簡単にアクセスセッションのために同じことを行うことが可能である
単一のストレージ
sessionStorage.setItem(「キー」、「値 」);
単一取得
するvar値= sessionStorage.getItem( 『キー』 ) ;
私たちは、パッケージの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ページエディタ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--导入js文件-->
<script src="js/global.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//调用多个存储方法
globalData.setUserInfo(1,"张三","123456")
//输出测试
alert(globalData.getUserUid()+globalData.getUserUName()+globalData.getUserUSex());
</script>
</head>
<body>
</body>
</html>
テストを実行
エピローグ
sessionStorageは非常に便利な特性である
ほかに、削除し
、sessionStorage.removeItem(「キー」)
とのsessionStorage空にする
)(sessionStorage.clearを。