jquery cookie問題

近期工做中遇到了jquery cookie解決問題，順便記錄下：

<div id="submenu">
<ul>
<li><a id="tree" href="javascript:void(0);" onClick="rememberMenu(this.id);">樹形菜單</a></li>
<li><a id="dropdown_default" href="javascript:void(0);" onClick="remeberMenu(this.id);">下拉菜單</a></li>
<li><a id="bootstrap" href="javascript:void(0);" onClick="rememberMenu(this.id);">bootstrap</a></li>
<li><a id="float_new" href="javascript:void(0);" onClick="rememberMenu(this.id);">浮動菜單</a></li>
</ul>
</div>

<script>
function rememberMenu(aid){
var SysMenuTypevalue = aid;
$.cookie("SysMenuType", SysMenuTypevalue, { expires: 7 },{path:"/"});
window.location.reload();
}
</script>

var SysMenuType = $.cookie("SysMenuType");

這樣就取得了cookie的值。

1.引入jquery.js

<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
1
2.引入jquery cookie插件

<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
1
3.調用插件封裝好的方法

a)設置新的cookie:

$.cookie('name'，'dumplings'); //設置一個值爲'dumplings'的cookie
1
設置cookie的域名：

$.cookie('name'，'dumplings', {domain:'qq.com'}); //設置一個值爲'dumplings'的在域名'qq.com'的cookie
1
設置cookie的路徑：

$.cookie('name'，'dumplings', {domain:'qq.com'，path:'/'});
//設置一個值爲'dumplings'的在域名'qq.com'的路徑爲'/'的cookie
1
2
b)刪除cookie

$.removeCookie('name',{ path: '/'}); //path爲指定路徑，直接刪除該路徑下的cookie
$.cookie('name',null,{ path: '/'}); //將cookie名爲‘openid’的值設置爲空，實際已刪除
1
2
c)獲取cookie

$.cookie('name') //dumplings1踩過的坑： cookie的域名和路徑都很重要，若是沒有設置成一致，則會有不一樣域名下或者不一樣路徑下的同名cookie，爲了不這種狀況，建議在設置cookie和刪除cookie的時候，配置路徑和域名。