js读取cookie信息

简介: 1. 第一种方式读取cookie信息:用document.cookie.split(“; “)的方式把字符串分割成几个段,然后遍历整个数组 //javascript方法 function getCookie(name){   var arr = document.

1. 第一种方式读取cookie信息:用document.cookie.split(“; “)的方式把字符串分割成几个段,然后遍历整个数组

//javascript方法
function getCookie(name){
  var arr = document.cookie.split("; ");
  for(var i=0,len=arr.length;i<len;i++){
    var item = arr[i].split("=");
    if(item[0]==name){
      return item[1];
    }
  }
  return "";
}

2. 第二中方法为匹配字符串

 

在jquery中的扩展
/**
* cookie相关
*/
$.cookie = {
/**
* 读取cookie
*
* @param {String} n=名称
* @return {String} cookie值
* @example
* $.cookie.get('id_test');
*/
get:function(n){
var m = document.cookie.match(new RegExp( "(^| )"+n+"=([^;]*)(;|$)"));
return !m ? "":unescape(m[2]);
},
/**
* 设置cookie
* @param {String} name cookie名称 --必填
* @param {String} value cookie值 --必填
* @param {String} domain 所在域名
* @param {String} path 所在路径
* @param {Number} hour 存活时间,单位:小时
* @example
* $.cookie.set('value1','cookieval',"id.qq.com","/test",24); //设置cookie
*/
set:function(name,value,domain,path,hour){
var expire = new Date();
expire.setTime(expire.getTime() + (hour?3600000 * hour:30*24*60*60*1000));
document.cookie = name + "=" + value + "; " + "expires=" + expire.toGMTString()+"; path="+ (path ? path :"/")+ "; " + (domain ? ("domain=" + domain + ";") : "");
},
/**
* 删除指定cookie,复写为过期 !!注意path要严格匹配, /id 不同于/id/
*
* @param {String} name cookie名称
* @param {String} domain 所在域
* @param {String} path 所在路径
* @example
* $.cookie.del('id_test'); //删除cookie
*/
del : function(name, domain, path) {
document.cookie = name + "=; expires=Mon, 26 Jul 1997 05:00:00 GMT; path="+ (path ? path :"/")+ "; " + (domain ? ("domain=" + domain + ";") : "");
},
/**
* 删除所有cookie -- 这里暂时不包括目录下的cookie
* @example
* $.cookie.clear(); //删除所有cookie
*/
clear:function(){
var rs = document.cookie.match(new RegExp("([^ ;][^;]*)(?=(=[^;]*)(;|$))", "gi"));
// 删除所有cookie
for (var i in rs){
document.cookie = rs[i] + "=;expires=Mon, 26 Jul 1997 05:00:00 GMT; path=/; " ;
}
}
};

 

可用Jquery的cookie的插件处理

目录
相关文章
|
1月前
|
存储 前端开发 JavaScript
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现
|
1月前
|
数据安全/隐私保护
在某网站的登录页面登录时如果选择“记住用户名”,登录成功后会跳转到一个中间层(页面代码将登录的用户名和密码存在cookie),中间页面中存在一个超链接,单击超链接可以链接到第三个页面查看信息。若选择“
该博客文章通过示例代码和运行结果截图,展示了网站登录过程中如何通过中间层页面使用cookies技术实现“记住用户名”功能,并在点击超链接后查看保存的用户名和密码信息。
在某网站的登录页面登录时如果选择“记住用户名”,登录成功后会跳转到一个中间层(页面代码将登录的用户名和密码存在cookie),中间页面中存在一个超链接,单击超链接可以链接到第三个页面查看信息。若选择“
|
27天前
|
存储 C#
【Azure APIM】APIM 策略语句如何读取请求头中所携带的Cookie信息并保存为变量
【Azure APIM】APIM 策略语句如何读取请求头中所携带的Cookie信息并保存为变量
|
1月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
26 1
|
1月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
1月前
|
数据安全/隐私保护
|
1月前
|
存储 前端开发 JavaScript
揭秘!JavaScript本地存储的四大绝技:从Cookie到IndexedDB,让你的Web应用秒变数据存储高手,轻松应对各种挑战!
【8月更文挑战第4天】JavaScript为核心前端技术,提供多样本地存储方案以优化用户体验与减少服务器负载。首先,Cookie虽用于基本数据如登录状态,但受大小限制及安全性影响。接着,Web Storage中的LocalStorage持久存储不变数据,SessionStorage则限于单次会话。更进一步,IndexedDB作为全面数据库解决方案,支持复杂数据操作但使用较复杂。每种方式根据应用需求各有优势。
43 9
|
22天前
|
自然语言处理 JavaScript 前端开发
【走向世界】Vue.js国际化:打造无国界应用,让爱与信息跨越语言的边界!
【8月更文挑战第30天】本文详细介绍了Vue.js中实现国际化的多种方法及最佳实践。通过使用`vue-i18n`等第三方库,开发者能够轻松地为应用添加多语言支持,优化用户体验并扩大市场覆盖范围。文章涵盖从基本配置、动态加载语言包到考虑文化差异等方面的内容,帮助读者构建真正全球化且无缝多语言体验的应用程序。
41 0
|
1月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的新能源汽车信息咨询服务附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的新能源汽车信息咨询服务附带文章源码部署视频讲解等
30 1