1.大纲设计

　　

2.shopingCartItem.java

 package beans;

 public class shopingCartItem {

     private String bookname;//书对象

     private int num;  //书的数量

     private int price;  // 书的价格

     public int getNum() {

         return num;

     }

     public void setNum(int num) {

         this.num = num;

     }

     public String getBookname() {

         return bookname;

     }

     public void setBookname(String bookname) {

         this.bookname = bookname;

     }

     public int getPrice() {

         return price;

     }

     public void setPrice(int price) {

         this.price = price;

     }

 }

3.shopingCart.java

 package beans;

 import java.util.HashMap;

 import java.util.Map;

 public class shopingCart {

     //存放shopingCartItem的map，键是书名，值是shopingCartItem对象

     private Map<String,shopingCartItem> items=new HashMap<>();

     /**

      * 将书名与书的价格添加到购物车

      * @param bookName

      * @param price

      */

     public void addToCart(String bookName,int price) {

         if(items.containsKey(bookName)) {

             shopingCartItem item=items.get(bookName);

             item.setNum(item.getNum()+1);

         }else {

             shopingCartItem item=new shopingCartItem();

             item.setBookname(bookName);

             item.setPrice(price);

             item.setNum(1);

             items.put(bookName, item);

         }

     }

     /**

      * 返回书的总数量

      * @return

      */

     public int totalBookNumer() {

         int totalNum=0;

         for(shopingCartItem item:items.values()) {

             totalNum+=item.getNum();

         }

         return totalNum;

     }

     /**

      * 返回书的总价钱

      */

     public int totalBookPrice() {

         int totalPrice=0;

         for(shopingCartItem item:items.values()) {

             totalPrice+=item.getNum()*item.getPrice();

         }

         return totalPrice;

     }

 }

4.AddToCartServlet.java

 package servlets;

 import java.io.IOException;

 import javax.servlet.Servlet;

 import javax.servlet.ServletConfig;

 import javax.servlet.ServletException;

 import javax.servlet.ServletRequest;

 import javax.servlet.ServletResponse;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import javax.servlet.http.HttpSession;

 import beans.shopingCart;

 public class AddToCartServlet extends HttpServlet {

     private static final long serialVersionUID = 1L;

     @Override

     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         doPost(request,response);

     }

     @Override

     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         //获取请求参数

         String bookName=request.getParameter("id");

         int price=Integer.parseInt(request.getParameter("price"));

         //获取购物车对象

         HttpSession session=request.getSession();

         shopingCart sc=(shopingCart)session.getAttribute("sc");

         if(sc==null) {

             sc=new shopingCart();

             session.setAttribute("sc", sc);

         }

         //将点击的事件放入购物车

         sc.addToCart(bookName, price);

         //准备响应的JSON对象

         StringBuilder result=new StringBuilder();

         result.append("{")

             .append("\"bookName\":\""+bookName+"\"")

             .append(",")

             .append("\"totalBookName\":\""+sc.totalBookNumer()+"\"")

             .append(",")

             .append("\"totalPrice\":\""+sc.totalBookPrice()+"\"")

             .append("}");

         //响应JSON对象

         response.setContentType("text/javascript");

         response.getWriter().print(result.toString());

     }

 }

5.index.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>Insert title here</title>

 <script type="text/javascript" src="${pageContext.request.contextPath}/shopcart/jquery-3.2.1.min.js"></script>

 <script type="text/javascript">

     $(function(){

         $("a").click(function(){

             alert(1);

             var url=this.href;

             var args={"time":new Date()};

             $.getJSON(url,args,function(data){

                 $("#bookName").text(data.bookName);

                 $("#totalBookName").text(data.totalBookName);

                 $("#totalPrice").text(data.totalPrice);

             });

             return false;

         })

     })

 </script>

 </head>

 <body>

         你已经将&nbsp;<span id="bookName"></span>&nbsp;加入到购物车中，

         购物车中有&nbsp;<span id="totalBookName"></span>&nbsp;本书，

         总价&nbsp;<span id="totalPrice"></span>&nbsp;<br><br>

     Java<a href="${pageContext.request.contextPath}/addToCart?id=java&price=100">加入购物车</a><br>

     Oracle<a href="${pageContext.request.contextPath}/addToCart?id=Oracle&price=100">加入购物车</a><br>

     Ajax<a href="${pageContext.request.contextPath}/addToCart?id=Ajax&price=100">加入购物车</a><br>

 </body>

 </html>

6.效果

　　

007 Ajax中的购物车的更多相关文章

  1. 转:AJAX中xhr对象详解

    XJAX ,并不是一种新技术的诞生.它实际上代表的是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用. 它包括: 使用XHTML和CSS标准化呈现: 使用DOM实现动态显示和交互: 使用XML ...

  2. Ajax中的get和post两种请求方式的异同

    Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.   1. get是把参数数据队列加到提交表单的A ...

  3. ajax中加上AntiForgeryToken防止CSRF攻击

    经常看到在项目中ajax post数据到服务器不加防伪标记,造成CSRF攻击 在Asp.net Mvc里加入防伪标记很简单在表单中加入Html.AntiForgeryToken()即可. Html.A ...

  4. ajax中的application/x-www-form-urlencoded中的使用

    ajax中的application/x-www-form-urlencoded中的使用一,HTTP上传的基本知识 在Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定 ...

  5. ajax中网页传输（三）XML——下拉列表显示练习

    XML:页面之间传递数据,跨平台传递 HTML:超文本标记语言,核心标签 XML的形势为 <xml version='1.0'> <Nation> <one> &l ...

  6. ajax中网页传输（一）TEXT——带有删除功能的数据库表格显示练习

    网页之间传输的三种方式:TEXT.JSON.XML. 本章将讲解带有TEXT形势的ajax网页传输 第一:body部分代码 <title>ajax中TEXT讲解并且带有删除功能的表格< ...

  7. 记得ajax中要带上AntiForgeryToken防止CSRF攻击

    经常看到在项目中ajax post数据到服务器不加防伪标记,造成CSRF攻击 在Asp.net Mvc里加入防伪标记很简单在表单中加入Html.AntiForgeryToken()即可. Html.A ...

  8. JavaScript中创建类，赋值给ajax中的data参数

    缘由:因为要给根据是否选中checkbox来动态增加ajax中data的属性(ajax的data属性格式的几种方法,参考http://www.jb51.net/article/46676.htm) d ...

  9. 【转】Ajax中send方法参数的使用（get/post）

    Ajax中send方法参数的使用 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : ...

随机推荐

  1. 把数组存入到cookie中

    $arr = array(1,2,3); // 把数组序列化之后,存入到cookie中 $arr_str = serialize($arr); // 序列化数组 setcookie('a',$arr_ ...

  2. Spring MVC表单防重复提交

    利用Spring MVC的过滤器及token传递验证来实现表单防重复提交. 创建注解 @Target(ElementType.METHOD) @Retention(RetentionPolicy.RU ...

  3. HDU 1686 Oulipo (KMP 可重叠）

    题目链接 Problem Description The French author Georges Perec (1936–1982) once wrote a book, La dispariti ...

  4. sparse coding

    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...

  5. 【多视图几何】TUM 课程 第1章 数学基础：线性代数

    在 YouTube 上找到了慕尼黑工业大学(Technische Universitaet München)计算机视觉组 Daniel Cremers 教授的 Multiple View Geomet ...

  6. win10系统下我的电脑右键没有属性

    1.右键点击系统左下角的开始,菜单中点击运行 2.在输入框中输入regeidt,点击确定打开系统的注册表编辑器 3.然后依次打开HKEY_CURRENT_USER\Software\Microsoft ...

  7. 已知可生成0~4的rand5(),实现生成0~6的rand7()

    若已知生成0~6的rand7(),求生成0~4的rand5(),则一个方法就是不断生成0~7的数,直到这个数满足0~4就返回. int rand5(){ int res; do{ res = rand ...

  8. CentOS时区GMT修改为CST

    GMT:格林尼标准时间 北京时间=GMT时间+8小时 [root@sa~]# date -R 查看目前服务器的时间标准 [root@sa~]# vi /etc/sysconfig/clock 将ZON ...

  9. scp加端口号

    scp -P 21110 root@192.168.0.1:/home/abc.txt root@192.168.0.2:/root 注意: 参数-P 的位置一定要紧跟在scp命令后面 参数-P 指的 ...

  10. mysql5.7半自动同步设置【转】

    mysql的主从复制主要有3种模式: a..主从同步复制:数据完整性好,但是性能消耗高 b.主从异步复制:性能消耗低,但是容易出现主从数据唯一性问题 c.主从半自动复制:介于上面两种之间.既能很好的保 ...