jquery web存储会话存储问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(e) {
if (supportsWebStorage()) {//首先判断是否支持本地存储
var giftStatus = sessionStorage.getItem("gift");
$("#gift").click(function() {
if ($(this).attr('checked')) {//单选框被选择,设置本地存储条目
sessionStorage.setItem("gift", "yes");
} else {
sessionStorage.setItem("gift", "no");
}
var giftStatus = sessionStorage.getItem("gift");
alert(giftStatus );
});
$("#checkGift").click(function() {//按钮获取本地存储并判断,给出相应的动态信息
var giftStatus = sessionStorage.getItem("gift");
if (giftStatus == "yes") {
$("#isItaGift").html("<p>This item is a gift.");
$("#gift").attr("checked", "checked");
} else {
$("#isItaGift").html("<p>This item is not a gift.");
$("#gift").removeAttr("checked");
}
});
// web storage functions
} else {
return false;
// fallback functions
}
function supportsWebStorage() {
if('localStorage' in window && window['localStorage'] !== null)
//通过判断存储对象是否存在判断浏览器是否支持本地存储
return true;
else return false;
}
});
</script>
</head>
<body >
<p>
<label>
<input type=checkbox id=gift>This is a gift
</label>
<p>
<button id=checkGift >Check Gift Status</button>
<p><div id="isItaGift"></div>
</body>
</html>在网上商店保存赠品状态
需求:产品框选中之后存储到会话数据库中,重新载入网页点击按钮恢复,能说明数据库中内容,并点选产品框。
问题出现在当产品框选中时,此时刷新页面,再点单选框也即单选框不被选中,数据库中仍然是选中的yes记录,这显然不对,那么怎么才能正确呢,求大神赐教
...全文
相关推荐
jquery-cookie.zip_WEB开发_JavaScript_
jquery 插件cookie cookie是网站设计者放置在客户端的小文本文件
session、viewstate jQuery SQL存储过程等一系列教学网站 相当实用哦
session、viewstate jQuery SQL存储过程等一系列教学网站 相当实用哦
前端session存储数据
javascriptSession用户session共享页面数据,适合于单页面应用程序开发
模拟jQuery ajax服务器端与客户端通信的代码
本案例通过jQuery和Servlet技术来判断用户名是否存在,让读者明白jQuery是怎么调用服务器后台的。还给出了解决中文乱码的方案和如何避免各种浏览器的缓存。
如何在VB.NET Web浏览器中获取会话变量及其值
从会话中添加和获取值(VB.net)在JavaScript中获取会话变量


