jQuery 產生 json 並使用 cookie 在 web 間傳遞

最近在寫的東西。

view plaincopy to clipboardprint

1. $shopping_list=[]; //create object   
2. $(data).each(function(){   
3.     $itemId=$(this).attr("iditem");   
4.     $itemPrice=$(this).attr("$itemPrice");   
5.     $itemName=$(this).attr("$itemName");   
6.     $shopping_list.push({   
7.         idItem: $itemId,   
8.         itemPrice: $itemPrice,   
9.         Name: $itemName   
10.     });   
11. });   
12. //轉成字串存入 cookie   
13. $.cookie("shop-data", JSON.stringify($shopping_list));  

jQuery 存取 cookie 可以使用這隻外掛
jquery-cookie

要讀取的話

view plaincopy to clipboardprint

1. $.cookie("shop-data");  

將JSON轉回物件

view plaincopy to clipboardprint

1. JSON.parse(JSONString);   

清除的話給 null 值就可以了。

view plaincopy to clipboardprint

1. $.cookie("name", null);  

不過如果產生的 cookie 在不同的 path，就會無法清除，這時只要在產生的時候給他 path。

view plaincopy to clipboardprint

1. $.cookie('name', 'value', { path: '/' });  

再像這樣就可以清除了。

view plaincopy to clipboardprint

1. $.cookie("name", null, { path: '/' });  

參考
jquery save json data object in cookie
Creating a Json Cookie Array?