当前位置: 首页 > 编程笔记 >

jQuery操作cookie

欧阳子石
2023-03-14
本文向大家介绍jQuery操作cookie,包括了jQuery操作cookie的使用技巧和注意事项,需要的朋友参考一下

web开发过程中如果网站有一部分信息是存储在cookie中并与服务器交互的话,那么前台有时就会遇到需要对cookie中信息进行操作的情况,一个最典型的例子就是在前台判断用户是否登录过当前所访问的网站。

可以用js原生的代码操作cookie,不过对于已经习惯在前台使用jquery的人员来说,最好能有一种直接扩展到jquery实例对象中的方法来统一操作风格,这里记录一个个人感觉还算简洁的方案。

$.extend({
cookie : function(name, val) {
if (!val) {
var a = document.cookie.match(RegExp("(^|\s*)" + name + "=([^;]*)(;|$)"));
return a ? decodeURIComponent(a[2]) : null;
} else {
document.cookie = name + "=" + escape(val);
}
},
removeCookie : function(name) {
var expires = new Date();
expires.setTime(expires.getTime() - 1);
document.cookie = name + "=;expires=" + expires.toGMTString();
}
}); 

这样的话使用起来就统一风格了,以登录为例:

取值--$.cookie("logonFlag");

赋值--$.cookie("logonFlag", true);

删除--$.removeCookie("logonFlag");

cookie方法作为赋值功能使用时还可以提供第三个参数扩展,由用户对需要赋值的cookie提供可选的属性并赋值。

实际使用时发现这里的赋值/取值有些限制,对某些特殊符号(比如“>”、“<”符号)不能有效的编码/解码,不过总体来说还是很方便使用的。

以上所述是小编给大家介绍的jQuery操作cookie,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 文本主要内容 样式和类操作 节点操作 样式操作和类操作 作用:设置或获取元素的样式属性值。 样式操作 1、设置样式: //设置单个样式: css(属性,值); $("div").css("background-color","red"); //设置多个样式: css(json); $("div").css({"width":100,"height":100

  • 本文向大家介绍JavaScript jQuery 中定义数组与操作及jquery数组操作,包括了JavaScript jQuery 中定义数组与操作及jquery数组操作的使用技巧和注意事项,需要的朋友参考一下 首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascr

  • 本文向大家介绍jquery常用操作小结,包括了jquery常用操作小结的使用技巧和注意事项,需要的朋友参考一下 页面load方法 div隐藏操作 获取对象 属性设置

  • 本文向大家介绍jquery操作 iframe的方法,包括了jquery操作 iframe的方法的使用技巧和注意事项,需要的朋友参考一下 我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML jQuery 描述: 往一个

  • 我正在尝试从表单提交中获取数据。这是密码。 现在的问题是我无法将数据输入我想要的变量。此外,我认为数据是作为字符串而不是数组发送的。这是用于调试目的的警报(数据)的输出 {“问题名称”:“Test”,“pollingStatus”:“0”,“options”: {“1”:“Test7”,“2”:“Test8”,“3”:“Test9”,“4”:“Test10”,“5”:“Test11”},“code

  • 本文向大家介绍jQuery EasyUI封装简化操作,包括了jQuery EasyUI封装简化操作的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家封装了Jquery EasyUI简化操作,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。