ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery Cookie ベースのショッピング カートの例分析_jquery

jQuery Cookie ベースのショッピング カートの例分析_jquery

WBOY
リリース: 2016-05-16 15:23:46
オリジナル
1349 人が閲覧しました

この記事の例では、Cookie に基づいて jQuery によって実装されたショッピング カートについて説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

これは、ショッピング カート Cookie への商品と数量の追加、ショッピング カート内に商品があるかどうかの判断、存在する場合は JSON 文字列をオブジェクトに変換して合計を返すなど、JQuery ショッピング カートの原理の分析です。 Cookie 内の現在の製品の数。

ショッピングカートに商品を追加します:

$(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 プログラミングのすべての人に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート