jQuery使用cookie与json简单实现购物车功能

本文实例讲述了jQuery使用cookie与json简单实现购物车的方法。分享给大家供大家参考,具体如下:

1、生成一个cookie 用来存储商品的id  String类型

2、添加商品id的时候 把cookie转化成数组,并检查是否已经包含了。没有包含用js push重新生成新的数组。

3、把数组转化成String 用cookie存储。

以下是jquery对cookie和JSON的操作方法

$.cookie("cart","ids",{expires:-7,path:"/"}) //存储cookie 保存7天

if($.cookie("cart")==undefined){//不存在用undefined}

var cartArr=new Array();

$.parseJSON($.cookie("cart"));//转化成数组

cartArr.push(id);//新的数组

JSON.stringify(cartArr);//这个好像是浏览器自带的 数组转化成json

时间: 2024-08-19 12:53:15

jQuery使用cookie与json简单实现购物车功能的相关文章

jQuery实现一个简单的购物车功能

最近由于工作需要的原因,开始系统学习jQuery的知识,然后跟着一个视频教程做了一个购物车的功能,现总结如下. 第一步:准备HTML页面,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.

08.01《jQuery》——cookie插件的简单应用和自己写的简单更换颜色插件

1.Cookie是网站设计者放置在客户端的小文本文件.实现:存储用户曾经浏览过的产品列表,记住用户喜欢浏览哪类新闻等. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息. 首先上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../jqu

jQuery复习 简单实现购物车功能

每天记录自己在学校学到的点点滴滴,让每天的生活过的更加充实!加油! 注:本次案例简单实现购物选择的功能! 实现效果:添加部分产品,左边为勾选框,右边为商品和数量选择,数量可以增加或减少,只有复选框勾选的时候,添加产品才可以显示所需金额,下方为商品总价格! html代码: <table id="tb1"> <tr> <td>勾选状态</td> <td>商品名称</td> <td>商品价格</td&g

简单的购物车功能 (while实现)

1 #商品列表 2 commodity=[ 3 {'name':'小米plus', 'price':2899}, 4 {'name':'魅族6', 'price':999}, 5 {'name':'TCL电视', 'price':8999}, 6 {'name':'天猫盒子', 'price':1289}, 7 {'name':'Tp_link路由器', 'price':699}, 8 {'name':'BMW超跑', 'price':512899}, 9 {'name':'中央空调', 'pr

vue实现简单的购物车功能

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

jquery 简单实现购物车 cookie与json操作

先说下原理吧 1.生成一个cookie 用来存储商品的id  String类型 2.添加商品id的时候 把cookie转化成数组,并检查是否已经包含了.没有包含用js push重新生成新的数组. 3.把数组转化成String 用cookie存储. 以下是jquery对cookie和JSON的操作方法  $.cookie("cart","ids",{expires:-7,path:"/"})  //存储cookie 保存7天  if($.cooki

简单3步 js使用cookie实现的购物车功能[原创]

引入JQuery.js支持 加入JQuery.Cookie.js,代码如下 1 jQuery.cookie = function(name, value, options) { 2 if (typeof value != 'undefined') { // name and value given, set cookie 3 options = options || {}; 4 if (value === null) { 5 value = ''; 6 options.expires = -1;

php+jquery+ajax+json简单小例子

直接贴代码: Php代码: <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Content-Type:text/html;charset=utf-8"); ?> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.j

cookie使用举例(添加购物车商品_移除购物车商品)

之前介绍过cookie和session的原理和区别.下面举例说明一下cookie在实际项目中的使用.使用cookie实现购物车功能: 1.往购物车添加商品 2.从购物车里移除商品 主要是要点是:以产品id作为主键进行判断.如果这个添加的产品id信息已经在cookie里面存在,则添加失败(这里不考虑同一个商品重复添加多个的问题.因为只是cookie的简单举例):否则则把该产品的信息保存在cookie里面.因此存在用户手动清楚cookie的情况,所以需要判断: 1 if(cookieMap.cont