jquery怎么设置cookie当前页面有效？_IT百科

jquery设置cookie当前页面有效方法：\x0d\x0avar date = new Date()\x0d\x0a var minutes = 30\x0d\x0a date.setTime(date.getTime() + (minutes * 60 * 1000))\x0d\x0a $.cookie("example", "foo", { expires: date })\x0d\x0a\x0d\x0a关于cookie的其他使用方法\x0d\x0a1.新添加一个会话 cookie：\x0d\x0a$.cookie('the_cookie', 'the_value')\x0d\x0a注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为\x0d\x0a“会话cookie（session cookie）”。\x0d\x0a2.创建一个cookie并设置有效时间为 7天:\x0d\x0a$.cookie('the_cookie', 'the_value', { expires: 7 })\x0d\x0a注：当指明了cookie有效时间时，所创建的cookie被称为“持久 cookie （persistent cookie）”。 \x0d\x0a3.创建一个cookie并设置 cookie的有效路径：\x0d\x0a$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' })\x0d\x0a注：在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设\x0d\x0a置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这\x0d\x0a个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突）。 \x0d\x0a4.读取cookie：\x0d\x0a$.cookie('the_cookie')// cookie存在 =>'the_value'\x0d\x0a$.cookie('not_existing')// cookie不存在 =>null\x0d\x0a5.删除cookie，通过传递null作为cookie的值即可：\x0d\x0a$.cookie('the_cookie', null)

一、介绍

1-1、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。下载地址：jQuery-cookie.js 有需要的朋友，右键另存为即可！

二、使用方法

2-1、引入jQuery及jQuery.Cookie.js插件。

注：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})

三、完整使用实例

<head>

<title>jQuery插件cookie插件学习</title>

$(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://54852.com/bake/11373648.html

jquery怎么设置cookie当前页面有效？

发表评论

评论列表（0条）