jQuery使用cookie與json簡單實現(xiàn)購物車功能
更新時間：2016年04月15日 11:05:53 作者：jopen
這篇文章主要介紹了jQuery使用cookie與json簡單實現(xiàn)購物車功能的方法,介紹了jQuery實現(xiàn)購物車的步驟與關(guān)鍵代碼,需要的朋友可以參考下
本文實例講述了jQuery使用cookie與json簡單實現(xiàn)購物車的方法。分享給大家供大家參考，具體如下：
1、生成一個cookie 用來存儲商品的id String類型
2、添加商品id的時候 把cookie轉(zhuǎn)化成數(shù)組，并檢查是否已經(jīng)包含了。沒有包含用js push重新生成新的數(shù)組。
3、把數(shù)組轉(zhuǎn)化成String 用cookie存儲。
以下是jquery對cookie和JSON的操作方法
$.cookie("cart","ids",{expires:-7,path:"/"}) //存儲cookie 保存7天
if($.cookie("cart")==undefined){//不存在用undefined}
var cartArr=new Array();
$.parseJSON($.cookie("cart"));//轉(zhuǎn)化成數(shù)組
cartArr.push(id);//新的數(shù)組
JSON.stringify(cartArr);//這個好像是瀏覽器自帶的 數(shù)組轉(zhuǎn)化成json
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery的cookie操作技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法
這篇文章主要介紹了jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法,實例分析了jQuery中toggleClass方法操作class樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
基于jQuery實現(xiàn)Div窗口震動特效代碼-代碼簡單
本文給大家介紹基于jiquery實現(xiàn)div窗口震動特效代碼，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了使用jQuery實現(xiàn)簡單穿梭框方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
jquery插件lazyload.js延遲加載圖片的使用方法
lazyload.js是一個基于JQuery的插件，可以用來緩沖加載圖片。下面介紹這個插件的使用方法2014-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
本實例只利用到JQuery類庫本身的函數(shù)和功能，不需要第三方插件的支持。另外，所有表單信息都是利用PHPMailer類庫郵件的形式發(fā)送給管理員。2009-11-11
這篇文章主要為大家詳細介紹了jquery zTree異步加載、模糊搜索簡單實例，感興趣的小伙伴們可以參考一下2016-03-03
jQuery實現(xiàn)的購物車物品數(shù)量加減功能代碼
這篇文章主要介紹了jQuery實現(xiàn)的購物車物品數(shù)量加減功能,涉及jQuery針對鼠標事件的響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
$ is not defined這種提示想必在調(diào)試時經(jīng)常會遇到吧，經(jīng)過搜索查詢了一下結(jié)果是引入Jquery的順序不對，改過來就可以了，有此問題的朋友可以參考下哈2013-04-04
基于jQuery實現(xiàn)復(fù)選框的全選 全不選 反選功能
本文分享一段基于jQuery實現(xiàn)的復(fù)選框全選、全不選、反選功能的代碼，有需要的小伙伴直接帶走吧2014-11-11