Analyse de la mise en œuvre du panier jQuery basée sur cookie_jquery

L'exemple de cet article décrit le panier implémenté par jQuery basé sur les cookies. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Le principe du panier jquery est analysé ici, notamment l'ajout de produits et de quantités au cookie du panier, la détermination s'il y a des produits dans le panier, et si oui, la conversion de la chaîne json en objet et le renvoi du nombre total des produits actuels dans le cookie.

Ajouter des articles au panier :

$(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);
});

Devoir :

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' : '';

J'espère que cet article sera utile à tous ceux qui programment jQuery.