ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery Cookie ベースのショッピング カートの例分析_jquery
この記事の例では、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 プログラミングのすべての人に役立つことを願っています。