本文目录一览：
- 1、求一段JS代码实时检测Cookies
- 2、jQuery Cookie.js cdn 失效了怎么换？
- 3、如何用js向cookie中保存数据，取数据。
- 4、怎么让layui内置的jquery用上cookie插件
求一段JS代码实时检测Cookies
使用js检测Cookie的话，可以让js执行定时任务，定期检测，我给你写段代码
方法一：//使用jquery的cookie方法，之前必须引入jquery.cookie.js文件，在网上可以下载到
//每隔1秒，执行cookie检测函数
setTimeout(“checkCookie()”,1000);
//检测cookie函数，如果cookie为空则跳转到登陆页
function checkCookie() {
if($.cookie(“qqlogin”) == “” || $.cookie(“qqlogin”) == null) {
window.location.href = “login.html”;
}
}
方法二：使用js获取cookie
//定义一个函数，用来读取特定的cookie值
function getCookie(cookie_name) {
var allcookies = document.cookie;
var cookie_pos = allcookies.indexOf(cookie_name); //要获取COOKIE的索引长度
//如果找到了索引，就代表cookie存在，
//反之，就说明不存在。
if (cookie_pos == ”) {
window.location.href = “login.html”;
}
}
// 调用函数
//每隔1秒，执行cookie检测函数
setTimeout(“getCookie(‘getCookie’)”,1000);
注：方法二未经测试。
jQuery Cookie.js cdn 失效了怎么换？
把这个文件jquery.cookie.js下载下来，保存到项目js相关的目录里，然后再页面引入的地方改为项目中该js的路径，name就不存在失效的问题。或者自己买个cdn对该文件加速，可以预控失效的问题。
如何用js向cookie中保存数据，取数据。
可以使用jquery.cookie.js扩展包，先到网络上下载好
使用方法：
前后html省略
script src=”/js/jquery.cookie.js”/script
script
//设置cookie
//test为键名，1为键值，第三个参数是失效时间
$.cookie(“test”, “1”, { expires: 7 }); // 存储一个带7天期限的 cookie
//读取cookie
$.cookie(“test”);
//删除cookie
$.cookie(“test”, “1”, { expires: -1 }); //设置过期时间为负就失效了
/script
怎么让layui内置的jquery用上cookie插件
一、介绍
1-1、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。下载地址：jQuery-cookie.js 有需要的朋友，右键另存为即可！
二、使用方法
2-1、引入jQuery及jQuery.Cookie.js插件。
script src=”jQuery.x.x.x.js” type=”text/javascript”/script
script src=”jquery.cookie.js” type=”text/javascript”/script
注：jQuery文件引入要在插件jquery.cookie前，因为jquery.cookie插件依赖jquery 类库！
2-2、函数属性简介
语法：$.cookie(名称,值,[option])
(1)读取cookie值
$.cookie(cookieName) cookieName:要读取的cookie名称。
示例：$.cookie(“username”); 读取保存在cookie中名为的username的值。
(2)写入设置Cookie值：
$.cookie(cookieName,cookieValue);cookieName:要设置的cookie名称，cookieValue表示相对应的值。
示例:$.cookie(“username”,”admin”); 将值”admin”写入cookie名为username的cookie中。
$.cookie(“username”,NULL); 销毁名称为username的cookie
(3) [option]参数说明：
expires:有限日期，可以是一个整数或一个日期(单位：天)。这个地方也要注意，如果不设置这个东西，浏览器关闭之后此cookie就失效了
path: cookie值保存的路径，默认与创建页路径一致。
domin: cookie域名属性，默认与创建页域名一样。这个地方要相当注意，跨域的概念，如果要主域名二级域名有效则要设置”.xxx.com”
secrue: 一个布尔值，表示传输cookie值时，是否需要一个安全协议。
创建cookie实例： $.cookie(“useuName”, $(“#useuName”).val(), { path: “/”, expiress: 7 ,sucue:true})
三、完整使用实例
html xmlns=””
head
titlejQuery插件cookie插件学习/title
script src=”jQuery.1.8.3.js” type=”text/javascript”/script
script src=”jquery.cookie.js” type=”text/javascript”/script
script type=”text/javascript”
$(function () {
if($.cookie(“username”))
{
$(“#msg”).val($.cookie(“msg”));
}
$(“#sure”).click(function () {
$.cookie(“msg”, $(“#msg”).val(), {path: “/”, expires: 7，secure:true})
})
})
/script
/head
body
p
信息记录：input type=”text” id=”msg” value=”” / input type=”button” value=”记住当前信息” id=”sure” /
/p
/body
/html
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/309014.html
微信扫一扫 
支付宝扫一扫 