jquery中cookie操作(写入读取删除)

技术博客 / 666人浏览 / 0 人评论 / 2023-03-09

jquery中cookie操作(写入读取删除)

前端做不需要登录的评论留言功能时需要用到此方法;如本网站中留言功能一样,“记住我”

详情如下:

<script type="text/javascript" src="__CDN__/assets/index/js/jquery.min.js"></script>
<script>
$(function(){
initview();
//提交信息时
$("#submit").click(function(){
//如果勾选记住我
if ($("#rememberMe").is(":checked")) {
//存入cookie
setCookie("cookie_name", $("#name").val());
setCookie("rememberMe", true);//勾选项
} else {
//没勾选记住我就删除cookie
delCookie("cookie_name");
delCookie("rememberMe");
}
//window.location.reload() //加载页面 这里不用重新加载,在控制器已重新加载过了
});
});

//获取cookie
function initview(){
if(getCookie("cookie_name")){
$("#name").val(getCookie("cookie_name"));
}
if (getCookie("rememberMe")) {
$("#rememberMe").attr("checked", getCookie("rememberMe"));
}
$("#name").focus(function () {
this.select();
});
}


/**
* 写入cookie
* @param name cookie
* @param value cookie
*/
function setCookie(name, value) {
var Days = 30; // cookie 将被保存 30
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
/**
* 删除cookie
* @param name
*/
function delCookie(name) {
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = getCookie(name);
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}
/**
* 读取cookie
* @param name
* @returns
*/
function getCookie(name) {
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null)
return unescape(arr[2]);
return null;
}
</script>

0 条评论

发表评论 取消回复