常用数据存贮存储本地数据缓存
发布时间:2017-08-11, 14:36:39 分类:HTML | 编辑 off 网址 | 辅助
正文 2766字数 561,653阅读
phpsetcookie(name, value, expire, path, domain);
setcookie("user", "Alex Porter", time()+3600);
echo $_COOKIE["user"];
setcookie("user", "", time()-3600);
session_start();
$_SESSION['views']=1;
Run code
Cut to clipboard
PHP中的cookie不用刷新就生效的方法
JavaScript
<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>
Run code
Cut to clipboard
上面这个函数中的参数存有 cookie 的名称、值以及过期天数。
jQuery设置读取COOKIE插件
<script type="text/javascript" src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>
Run code
Cut to clipboard
HTML <input> 标签
HTML 本地存储对象
HTML 本地存储提供了两个在客户端存储数据的对象:
window.localStorage - 存储没有截止日期的数据
window.sessionStorage - 针对一个 session 来存储数据(当关闭浏览器标签页时数据会丢失)
在使用本地存储时,请检测 localStorage 和 sessionStorage 的浏览器支持:
if (typeof(Storage) !== "undefined") {
// 针对 localStorage/sessionStorage 的代码
} else {
// 抱歉!不支持 Web Storage ..
}
Run code
Cut to clipboard
// 存储
localStorage.lastname = "Gates";
// 取回
document.getElementById("result").innerHTML = localStorage.lastname;
//删除
localStorage.removeItem("lastname");
Run code
Cut to clipboard
localStorage 对象存储的是没有截止日期的数据。当浏览器被关闭时数据不会被删除,在下一天、周或年中,都是可用的。
sessionStorage 对象等同 localStorage 对象,不同之处在于只对一个 session 存储数据。如果用户关闭具体的浏览器标签页,数据也会被删除。
if (sessionStorage.clickcount) {
sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "在本 session 中,您已经点击这个按钮 " +
sessionStorage.clickcount + " 次。";
Run code
Cut to clipboard
(支付宝)给作者钱财以资鼓励 (微信)→
有过 2 条评论 »
<include file="Addons/WeiSite/View/default/TemplateIndex/weiante/weiante_head.html"/> <script src="/js/jquery.cookie.js"></script> <script> //set cookie setcookiell(); function setcookiell(){ //读取cookie var mtel=$.cookie('mtel'); var loginsalat=$.cookie('loginsalat'); var id=$.cookie('id'); //设置localStorage if(mtel && loginsalat && id){ localStorage.setItem("mtel",mtel); localStorage.setItem("loginsalat",loginsalat); localStorage.setItem("id",id); return false; } var ltel=localStorage.mtel; var llogg=localStorage.loginsalat; var lid=localStorage.id; if(ltel && llogg && lid){ $.cookie('mtel', ltel, { expires: 70 }); $.cookie('loginsalat', llogg, { expires: 70 }); $.cookie('id', lid, { expires: 70 }); location.href = '<?php echo $_SESSION['dangqian_url'];?>'; } } </script> <div class="banner1"> <!---------------------------------- container开始 ----------------------------------> <!--幻灯片--> <script type="text/javascript" src="/js/prefixfree.min.js"></script> <script type="text/javascript" src="/js/flipsnap.min.js"></script> <script> var ww=$(window).width(); //banner var w=430; var h=200; var b=1; var newsssheigtg=(ww*b*h)/w; new_widht_baifenbi_kuandu=1; var xiaoxunews=ww-(182/360)*ww; document.write("<style>.index-h-l-wenzi{width:"+xiaoxunews+"px;top: 50%;margin-top: -28px;}</style>"); </script> <script type="text/javascript" src="/js/mobile_module.js"></script> <script type="text/javascript" src="/js/admin_common.js"></script> <div class="container" style="padding-top: 55px; width:100%;"> <section class="banner" style="height:200px;"> <ul style="width: 1200px; height: 200px; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-duration: 350ms; transform: translate3d(-800px, 0px, 0px);"> <li style="width:100%; height: 200px;"><a href="#"><img src="{$url.img|get_cover_url}" style="width:100%;height:auto"></a></li> </ul> <!--<span class="identify"> <em class="cur"></em> <em ></em> <em ></em> </span> --></section> </div> <script type="text/javascript"> $(function(){ $.WeiPHP.initBanner(true,5000); $.WeiPHP.setRandomColor('.random_color'); }) </script> <!--幻灯片--> <!---------------------------------- container结束 ----------------------------------> </div> <!--登录 开始--> <div class="sign"> <div class="bt">登录<p>SIGN IN</p></div> <div class="nr"> <form id="login" action="/index.php?s=/addon/WeiSite/WeiSite/member.html" method="post" id="cart"> <p class="clearfix"><input class="phone" name="tel" value="手机号" style="line-height:normal" type="text" onfocus="if (value =='手机号'){value =''}" onblur="if (value ==''){value='手机号'}" /></p> <p class="clearfix"><input id="showPwd2" class="xx_zupassword " type="text" value="密码" style="width: 94%; height: 42px;margin-top: 0.8rem;font-family: '微软雅黑';text-indent: 12px;color: #ada8a0; font-size: 12px;" /></p> <p class="clearfix"><input class="mm" value="" id="pwd2" style="line-height:normal;display:none;" name="pass" type="password" maxlength="16" /></p> <script> var showPwd2 = $("#showPwd2"), pwd2 = $("#pwd2"); showPwd2.focus(function(){ pwd2.show().focus();//获取焦点事件时pwd2显示 showPwd2.hide();//showPwd2隐藏 }); pwd2.blur(function(){ if(pwd2.val()=="") { showPwd2.show(); pwd2.hide(); } }); </script> <p class="clearfix"><input class="yzm" value="验证码" style="line-height:normal" name="yzm" type="text" onfocus="if (value =='验证码'){value =''}" onblur="if (value ==''){value='验证码'}" maxlength="5"/> <img style="width:100px;height:41px;float:left; margin-top:0.8rem;" id="codeyzmm" src="/index.php?s=/addon/Dsend/Dsend/yanzhengma.html" onclick="this.src=this.src+'#'+Math.random();"></p> <!-- <input type="submit" value="获取验证码" class="hqyzm" /> console.log(this.src); --> <p class="clearfix" id="inpuddso"><input type="submit" value="登录" class="dl" /></p> <p class="dl" id="inpuddst" style="display:none;line-height: 42px;">正在登录...</p> <p class="zczh"><a href="/index.php?s=/addon/WeiSite/WeiSite/register.html">注册账号</a><span><a href="/index.php?s=/addon/WeiSite/WeiSite/password.html">忘记密码?</a></span></p> </form> </div> </div> <!--登录 结束--> <!--表单判断--> <script> var newurl='<?php echo $_SESSION['newurl']; ?>'; $("#login").submit(function(e){ //判断用户名是否注册 var phone=$('.phone').val();//用户名 var yzm=$('.yzm').val(); var mm=$('.mm').val();//确认密码 if(!phone || phone=='手机号'){ alert('请输入您的手机号'); return false; } if(!mm || mm=='密码'){ alert('请输入您的密码'); return false; } if(!yzm || yzm=='验证码'){ alert('请输入验证码'); return false; } //异步提交登录 $.ajax( { url: '/index.php?s=/addon/Dsend/Dsend/login.html', //这里是静态页的地址 data:$('#login').serialize(), type: "POST", //静态页用get方法,否则服务器会抛出405错误 //dataType: "json", //cache: false, //async: false, beforeSend: function(){ // Handle the beforeSend event $('#inpuddso').hide(); $('#inpuddst').show(); }, success: function(data){ //alert(data); switch(data){ case 'e1': alert('数据提交异常'); $('#inpuddso').show(); $('#inpuddst').hide(); break; case 'e2': alert('手机号没有注册'); $('#inpuddso').show();$('#inpuddst').hide(); break; case 'e3': alert('验证码错误'); $('#codeyzmm').attr('src',$('#codeyzmm').attr('src')+'#'+Math.random()); $('#inpuddso').show();$('#inpuddst').hide(); break; case 'e4': alert('密码错误'); $('#inpuddso').show();$('#inpuddst').hide(); break; default: //alert($.parseJSON(data).loginsalat); //alert('登陆成功'); $('#inpuddso').hide();$('#inpuddst').show(); setcookiell(); if(newurl){ location=newurl; }else{ location='/index.php?s=/addon/WeiSite/WeiSite/member.html'; } } //var result = $(data).find("另一个html页面的指定的一部分").html(); } }); return false; }); </script> <!--end--> <script type="text/javascript"> /*function Code(){ var img = document.getElementById("code"); img.src = "{:U('/addon/WeiSite/code')}?code=" + Math.random(); } */ </script> <div class="clearfix"></div> <include file="Addons/WeiSite/View/default/TemplateIndex/weiante/weiante_footer.html"/>
//判断登录状态 function mChacklogin(){ $_SESSION['dangqian_url']=__SELF__; $mtel=$_COOKIE['mtel']; $loginsalat=$_COOKIE['loginsalat']; $id=$_COOKIE['id']+0; if($mtel && $id && $loginsalat){