這篇文章主要介紹了jQuery基于cookie實(shí)現(xiàn)購(gòu)物車的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery基于cookie實(shí)現(xiàn)針對(duì)商品信息的購(gòu)物車存儲(chǔ)功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery基于cookie實(shí)現(xiàn)的購(gòu)物車。分享給大家供大家參考，具體如下：

這里分析了jquery購(gòu)物車原理，包括添加商品及數(shù)量到購(gòu)物車 cookie 中，判斷購(gòu)物車中有無商品，如果有，則把json字符串轉(zhuǎn)換成對(duì)象，返回當(dāng)前商品在 cookie 中的總數(shù)。

將商品放入購(gòu)物車：

$(function(){
$(".tc").hide();
var PId = $("#hfPId").val(); // 商品的ID
var PName = $("#lblPName").text(); // 商品名稱
var PMemberPrice = $("#lblPMemberPrice").text(); // 會(huì)員價(jià)
var PAmount = 1;
var jsonStr = "[{'PId':'" + PId + "','PName':'" + PName + "','PMemberPrice':'" + PMemberPrice + "','PAmount':'" + PAmount + "'}]";
//將商品放入購(gòu)物車
$("#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' : '';

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

學(xué)習(xí)使用jQuery表單驗(yàn)證插件和日歷插件
這篇文章主要為大家詳細(xì)介紹了jQuery表單驗(yàn)證插件與日歷插件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery EasyUi 驗(yàn)證功能實(shí)例解析
本文給大家分享jquery easyui驗(yàn)證功能的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-01-01
jQuery實(shí)現(xiàn)文本框輸入同步的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)文本框輸入同步的方法,涉及jQuery元素屬性操作的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jquery插件qrcode在線生成二維碼
jquery.qrcode是一個(gè)強(qiáng)大的jquery的插件,可以用來二維碼圖形的渲染,用于生成二維碼,非常的實(shí)用，需要的朋友參考下。
2015-04-04
JQuery 寫的個(gè)性導(dǎo)航菜單
瀏覽者是否對(duì)網(wǎng)站感興趣，前20秒的第一印象至關(guān)重要，所以我們的設(shè)計(jì)要符合大眾的期望。下面我們將設(shè)計(jì)一個(gè)個(gè)性的導(dǎo)航菜單。
2009-12-12
jQuery ajax cache緩存問題
在jquery里面，大部分的時(shí)候，屬性要用''引起來。否則容易變成變量名。比如red，引不引都差不多。但是引起來也可以認(rèn)。所以習(xí)慣就全部引起來好了。
2010-07-07
適用于手機(jī)端的jQuery圖片滑塊動(dòng)畫
這篇文章主要為大家分享了適應(yīng)手機(jī)端的jQuery圖片滑塊動(dòng)畫,不僅在PC瀏覽器上可以使用，而且更適合在手機(jī)端的網(wǎng)頁中使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript實(shí)現(xiàn)的彈出遮罩層特效經(jīng)典示例【基于jQuery】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的彈出遮罩層特效,結(jié)合實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的頁面元素與屬性動(dòng)態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下
2019-07-07
學(xué)習(xí)從實(shí)踐開始之jQuery插件開發(fā) 對(duì)話框插件開發(fā)
之所以寫下這篇文章，是想將我的想法分享給大家；對(duì)于初學(xué)者，我希望他能從這篇文章中獲取對(duì)他有用的東西，對(duì)于經(jīng)驗(yàn)豐富的開發(fā)者，我希望他能指出我的不足，給我更多的意見和建議；目的就是共同進(jìn)步
2012-04-04
jQuery學(xué)習(xí)筆記更改jQuery對(duì)象
jQuery提供了一些方法，使流程變?yōu)樯蒵Query對(duì)象A，操作jQuery對(duì)象A；更改為jQuery對(duì)象B，操作jQuery對(duì)象B
2012-09-09