jquery cookie操作为什么去不到cookie值呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery cookie操作为什么去不到cookie值呢?相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.11.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$.cookie("user","hello");
var user=$.cookie("user");
alert(user);

</script>
</head>

<body>
</body>
</html>

alert出来是null,为什么?

$.cookie('the_cookie'); // 获得cookie
$.cookie('the_cookie', 'the_value'); // 设置cookie
$.cookie('the_cookie', 'the_value',  expires: 7 ); //设置带时间的cookie
$.cookie('the_cookie', '',  expires: -1 ); // 删除
$.cookie('the_cookie', null); // 删除 cookie
$.cookie('the_cookie', 'the_value', expires: 7, path: '/', domain: 'jquery.com', secure: true);//新建一个cookie 包括有效期 路径 域名等

这个是插件的基本语法,你写的没错,错就错在你肯定是在本地测试的,cookie是基于域名来储存的。意思您要放到测试服务器上或者本地localhost服务器上才会生效。cookie具有不同域名下储存不可共享的特性。单纯的本地一个html页面打开是无效的。~

参考技术A 试试在firefox下,好像chrome和Ie等浏览器不怎么行

jq实现cooking存储

$(document).ready(function() { 
if ($.cookie("rmbUser") == "true") { 
$("#rmbUser").attr("checked", true); 
$("#username").val($.cookie("username")); 
$("#password").val($.cookie("password")); 


}); 


function subForm(){
if($("#rmbUser").attr("checked") == true){
var userName = $("#username").val(); 
var passWord = $("#password").val(); 
$.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie("username", userName, { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie("password", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie 
}else { 
$.cookie("rmbUser", "false", { expires: -1 }); 
$.cookie("username", ‘‘, { expires: -1 }); 
$.cookie("password", ‘‘, { expires: -1 }); 

document.fm.submit();

}

jQuery.cookie.js 得下载这个插件文件

以上是关于jquery cookie操作为什么去不到cookie值呢?的主要内容,如果未能解决你的问题,请参考以下文章

cooke

Cook Cookie, 我把 SameSite 给你炖烂了

Session和Cookie的作用以及实现

jq实现cooking存储

如何将 cookie 添加到拖放 div

cook的特性