当前位置: 首页 > 编程笔记 >

jQuery基于cookie实现的购物车实例分析

柴瀚昂
2023-03-14
本文向大家介绍jQuery基于cookie实现的购物车实例分析,包括了jQuery基于cookie实现的购物车实例分析的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery基于cookie实现的购物车。分享给大家供大家参考,具体如下:

这里分析了jquery购物车原理,包括添加商品及数量到购物车 cookie 中,判断购物车中有无商品,如果有,则把json字符串转换成对象,返回当前商品在 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实现的购物车类实例,包括了PHP实现的购物车类实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了PHP实现的购物车类。分享给大家供大家参考。具体分析如下: 该购物车类是基于CodeIgniter的购物车类仿写实现的。 购物车基本功能如下: 1) 将物品加入购物车 2) 从购物车中删除物品 3) 更新购物车物品信息 【+1/-1】 4) 对购物车物品进行统计    1.

  • 本文向大家介绍asp.net基于HashTable实现购物车的方法,包括了asp.net基于HashTable实现购物车的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了asp.net基于HashTable实现购物车的方法。分享给大家供大家参考,具体如下: 希望本文所述对大家asp.net程序设计有所帮助。

  • 本文向大家介绍原生js+cookie实现购物车功能的方法分析,包括了原生js+cookie实现购物车功能的方法分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了原生js+cookie实现购物车功能的方法。分享给大家供大家参考,具体如下: 这里使用js+cookie实现简单的购物车功能。 首先是简单的HTML结构,只是为了演示下功能。 下面的代码是实现点击添加按钮时,把商品信息加入cook

  • 本文向大家介绍Python实现的购物车功能示例,包括了Python实现的购物车功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Python实现的购物车功能。分享给大家供大家参考,具体如下: 这里尝试用python实现简单的购物车程序。。。 基本要求: 用户输入工资,然后打印购物菜单 用户可以不断的购买商品,直到余额不够为止 退出时打印用户已购买的商品和剩余金额。。。 代码: 运行效

  • 本文向大家介绍Python实现购物车购物小程序,包括了Python实现购物车购物小程序的使用技巧和注意事项,需要的朋友参考一下 概要 按理说,我们入门的第一个小程序都应该是Hello World。因为比较简单,我这也就不做过多的演示 了。 下面是我写的一个小程序。主要用于练习Python的基本语法,以及入门。 主要实现功能 要求用户输入自己预期消费额度. 展示现有商品信息,要求用户选择 用户选择对

  • 本文向大家介绍jQuery实现购物车表单自动结算效果实例,包括了jQuery实现购物车表单自动结算效果实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现购物车表单自动结算效果。分享给大家供大家参考。具体如下: 这里jQuery实现购物车表单自动结算,只要用户把所购商品的数量输入进去,就可以适时计算出商品总额,金额+运费,类似淘宝的购物车结算功能,计算过程是适时的,用jqu

  • 本文向大家介绍JS实现购物车特效,包括了JS实现购物车特效的使用技巧和注意事项,需要的朋友参考一下 效果: 1.点击全选按钮可以全选,再点击就全不选 2.点击数量 ‘ + ' ‘ -  ' 可以自动计算。并且合计保持更新。当数量大于1时‘ - '出现。小于等于1时‘ - '消失 3.点击删除可以实现删除功能。 4.点击全选旁的删除按钮可以全部删除。 5.选好商品后点击已选商品,可以显示选中的商品

  • 本文向大家介绍Python实现购物车程序,包括了Python实现购物车程序的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了程序:Python购物车程序,具体内容如下 需求: 启动程序后,让用户输入工资,然后打印商品列表 允许用户根据商品编号购买商品 用户选择商品后,检测余额是否够,够就直接扣款,不够就提醒 可随时退出,退出时,打印已购买商品和余额 如余额不足,可充值  代码: 程序效