2.10 cookie-storage
1. cookie示例
<%--
Created by IntelliJ IDEA.
User: JAVASM
Date: 2020/12/4
Time: 10:35
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
$(function(){
$("#addckBtn").click(function(){
document.cookie = "jscook3=jsvalabc;path=/;expires="+new Date("2021-11-11 11:11:11");
})
$("#getckBtn").click(function () {
var cks = document.cookie;
console.log(cks);
var ckarr = cks.split("; ")
$.each(ckarr,function(i,d){
var keyAndVal = d.split("=");
var ckkey = keyAndVal[0]
var ckval = keyAndVal[1]
if($("#ckkeyText").val()==ckkey){
console.log(ckval);
}
})
})
$("#delckBtn").click(function(){
document.cookie = "jscook3=jsvalabc;path=/;expires="+new Date("1990-11-11 11:11:11");
})
})
</script>
</head>
<body>
<input id="addckBtn" type="button" value="添加cookie">
<input id="getckBtn" type="button" value="读取cookie">
<input id="ckkeyText" type="text">
<input id="delckBtn" type="button" value="失效cookie">
</body>
</html>
2.storage示例
<%--
Created by IntelliJ IDEA.
User: JAVASM
Date: 2020/12/4
Time: 11:04
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
$(function(){
$("#addsgBtn").click(function(){
localStorage.testkey = "abc123";
sessionStorage.testkey = "abc123";
localStorage.setItem("testkey2","fffff");
})
$("#getsgBtn").click(function () {
console.log(localStorage.testkey2) ;
console.log(localStorage.getItem("testkey2"));
})
$("#delsgBtn").click(function(){
localStorage.removeItem("testkey2");
})
$("#sendDataBtn").click(function(){
location.href= "demo1?mykey="+localStorage.testkey;
})
})
</script>
</head>
<body>
<input id="addsgBtn" type="button" value="添加storage">
<input id="getsgBtn" type="button" value="读取storage">
<input id="sgkeyText" type="text">
<input id="delsgBtn" type="button" value="失效storage">
<input id="sendDataBtn" type="button" value="发送数据">
</body>
</html>