2013年11月10日 星期日

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

最近在寫的東西。

  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

要讀取的話
  1. $.cookie("shop-data");  

將JSON轉回物件
  1. JSON.parse(JSONString);   


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

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


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

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


再像這樣就可以清除了。

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


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

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...