(JS实现顾客商品浏览记录以及购物车)Cookie的保存与删除

//JS实现顾客浏览商品的记录以及实现购物车的功能function setCookie(name,value)
{
  var Days = 30;
  var exp  = new Date();
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  //在最后追加  ;path=/ 非常有必要。否则容易出现   在不同的目录下,调用同一个js方法来存储Cookie,到别的目录取不出或取出的值是不对的这种情况
  document.cookie = name + "="+ escape(value) +";expires="+ exp.toGMTString()+";path=/";   //name=value;时间
}

function getCookie(name)
{
  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));   // name= ;
  if(arr != null){
      alert("我是getCookie()方法:"+unescape(arr[2]));
      return unescape(arr[2]);
  }
  return null;
}

function delCookie(name)
{
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval=getCookie(name);
  if(cval!=null) document.cookie=name +"="+cval+";expires="+exp.toGMTString();
}
/**
 * 加入购物车,存入cookie
 */
function goBuy(id, price)
{
    var basePath = document.getElementById("basePath").getAttribute("value");
    var newCookie = "";
    var oldCookie = getCookie("product");
    if(oldCookie) {
        //如果已经存在在cookie中,则不再添加
        if(inArray(oldCookie.split(","), id)) {
            newCookie = oldCookie;
        } else {
            newCookie = id + "," + oldCookie;
        }
    } else {
        newCookie = id;
    }
    setCookie("product", newCookie);
    location.href = basePath+"servlet/CookieServlet?param=car&pid="+id;
}
/**
 * 浏览记录,存入cookie
 */
function goView(id){
    var basePath = document.getElementById("basePath").getAttribute("value");
    var newCookie = "";
    var oldCookie = getCookie("listView");
    if(oldCookie) {
        if(inArray(oldCookie.split(","), id)) {
            newCookie = oldCookie;
        } else {
            newCookie = id + "," + oldCookie;
        }
    } else {
        newCookie = id;
    }
    setCookie("listView", newCookie);
    location.href = basePath+"servlet/CookieServlet?param=listView&pid="+id;
}
时间: 2024-10-11 06:12:23

(JS实现顾客商品浏览记录以及购物车)Cookie的保存与删除的相关文章

Java遇见HTML——JSP篇之商品浏览记录的实现

一.项目总体介绍 使用Cookie实现商品浏览记录. 要实现这个程序采取的是Model1(Jsp+JavaBean)架构实现,具体步骤: 首先要有个数据库,商品表,操作数据库的一个类DBHelper类 创建实体类(与数据库表一一对应) 创建业务逻辑类(DAO) 创建页面层 二.DBHelper类设计 1 package util; 2 3 import java.sql.Connection; 4 import java.sql.DriverManager; 5 6 public class D

使用cookies查询商品浏览记录

经历了俩个星期,易买网项目如期完工,现在总结一下如何使用cookies实现浏览商品的历史记录. 第一步:创建商品实体类. 第二步:连接oracle数据库. 第三步:创建商品三层架构. 效果图: 在要显示 的地方加入核心代码: <h2>最近浏览</h2> <div style="height:200px;display:block;overflow:hidden"> <% //获取所有的cookie Cookie[] cookies = requ

javaWeb 使用cookie显示商品浏览记录

package de.bvb.cookie; import java.io.IOException; import java.io.PrintWriter; import java.util.Date; import java.util.LinkedHashMap; import java.util.Map; import java.util.Map.Entry; import javax.servlet.ServletException; import javax.servlet.http.C

PHPCMS 商品浏览记录及其遇到的问题

使用cookie   function _setHistory($data) {     if(!$data || !is_array($data))     {         return false;     }     //判断cookie类里面是否有浏览记录     if($_COOKIE["_productHistory"])     {         $history = unserialize(stripslashes($_COOKIE['_productHistor

JS代码实现商品价钱总和(模拟购物车功能)

题设的主体HTML代码如下:(以作事例) <body> <ul id="list"> <li>樱桃<br> <input type="button" value="-" /> <strong>0</strong> <input type="button" value="+" /> 单价:<em>12.

jsp写商品显示信息和cookie浏览记录,网上看到的好东西,记录一下。

这是本次项目结果,商品展示页面和浏览历史记录页面. 1,先从数据库入手:创建商品数据库. CREATE TABLE `items` (   `id` int(11) NOT NULL auto_increment,   `name` varchar(50) default NULL,   `city` varchar(50) default NULL,   `price` int(11) default NULL,   `number` int(11) default NULL,   `pict

jquery.cookie.js结合asp.net实现最近浏览记录

一.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.w3.org/1999/xhtml"> <head> <meta http-equiv="

js操作Cookie,实现历史浏览记录

/** * history_teacher.jsp中的js,最近浏览名师 * @version: 1.0 * @author: mingming */ $(function(){ getHistory(); }); var historyCount=4; //保存历史记录个数 /** * 增加浏览历史记录 * @param id 编号 * @param name 姓名 * @param photo 照片 * @param grade 年级 * @param subject 科目 * @retur

cookie技术案例-用户浏览商品的记录

1引言 你点击了桌面上的Chrome图标,一个浏览器窗口出现了,输入网址就可以在Internet世界愉快玩耍.这一切是怎么实现的呢?Chromium这个多进程的程序是如何启动各个进程的呢?浏览器主进程(界面进程)启动了哪些线程?如何启动的呢?这些问题一直萦绕在心头,一起来看看源代码吧.本文主要针对Chromium for Mac的源代码,其它操作系统大同小异. 2背景知识 浏览器作为一个应用程序,是以进程的形式运行在操作系统上的.首先,Chromium是一个多进程的应用程序,我们需要了解Chro