jQuery基于cookie實(shí)現(xiàn)的購物車實(shí)例分析
本文實(shí)例講述了jQuery基于cookie實(shí)現(xiàn)的購物車。分享給大家供大家參考,具體如下:
這里分析了jquery購物車原理,包括添加商品及數(shù)量到購物車 cookie 中,判斷購物車中有無商品,如果有,則把json字符串轉(zhuǎn)換成對象,返回當(dāng)前商品在 cookie 中的總數(shù)。
將商品放入購物車:
$(function(){ $(".tc").hide(); var PId = $("#hfPId").val(); // 商品的ID var PName = $("#lblPName").text(); // 商品名稱 var PMemberPrice = $("#lblPMemberPrice").text(); // 會員價 var PAmount = 1; var jsonStr = "[{'PId':'" + PId + "','PName':'" + PName + "','PMemberPrice':'" + PMemberPrice + "','PAmount':'" + PAmount + "'}]"; //將商品放入購物車 $("#putCart").click(function(){ setCookie(PId, jsonStr); });
賦值:
var setCookie = function(name, value, options){ if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); } var path = options.path ? '; path=' + (options.path) : ''; var domain = options.domain ? '; domain=' + (options.domain) : ''; var secure = options.secure ? '; secure' : '';
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery實(shí)現(xiàn)購物車多物品數(shù)量的加減+總價計(jì)算
- 基于JQuery實(shí)現(xiàn)的類似購物商城的購物車
- 純jquery實(shí)現(xiàn)模仿淘寶購物車結(jié)算
- jQuery實(shí)現(xiàn)購物車數(shù)字加減效果
- jQuery實(shí)現(xiàn)購物車計(jì)算價格功能的方法
- jQuery實(shí)現(xiàn)類似淘寶購物車全選狀態(tài)示例
- 基于jquery fly插件實(shí)現(xiàn)加入購物車拋物線動畫效果
- jQuery基于json與cookie實(shí)現(xiàn)購物車的方法
- jQuery使用cookie與json簡單實(shí)現(xiàn)購物車功能
- 基于JQuery的購物車添加刪除以及結(jié)算功能示例
相關(guān)文章
學(xué)習(xí)使用jQuery表單驗(yàn)證插件和日歷插件
這篇文章主要為大家詳細(xì)介紹了jQuery表單驗(yàn)證插件與日歷插件的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02jQuery EasyUi 驗(yàn)證功能實(shí)例解析
本文給大家分享jquery easyui驗(yàn)證功能的實(shí)例代碼,非常不錯,具有參考借鑒價值,需要的朋友參考下2017-01-01JavaScript實(shí)現(xiàn)的彈出遮罩層特效經(jīng)典示例【基于jQuery】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的彈出遮罩層特效,結(jié)合實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的頁面元素與屬性動態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下2019-07-07學(xué)習(xí)從實(shí)踐開始之jQuery插件開發(fā) 對話框插件開發(fā)
之所以寫下這篇文章,是想將我的想法分享給大家;對于初學(xué)者,我希望他能從這篇文章中獲取對他有用的東西,對于經(jīng)驗(yàn)豐富的開發(fā)者,我希望他能指出我的不足,給我更多的意見和建議;目的就是共同進(jìn)步2012-04-04jQuery學(xué)習(xí)筆記 更改jQuery對象
jQuery提供了一些方法,使流程變?yōu)樯蒵Query對象A,操作jQuery對象A;更改為jQuery對象B,操作jQuery對象B2012-09-09