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. codevs 1500 后缀排序

    codevs 1500 后缀排序 http://codevs.cn/problem/1500/  时间限制: 1 s  空间限制: 128000 KB   题目描述 Description 天凯是MI ...

  2. 并查集：POJ No1703 Find them, Catch them

    题目链接:http://poj.org/problem?id=1703 题意:两个坏蛋属于不同的组织,给出两个坏蛋判定是否一个组织. 题解:已知每次输入的两个帮派人员 x, y; 合并 (x, y + ...

  3. soj1036. Crypto Columns

    1036. Crypto Columns Constraints Time Limit: 1 secs, Memory Limit: 32 MB Description The columnar en ...

  4. 自己写的一个小的剪刀——石头——布游戏的GUI程序

    很简单的一个程序,建议各位初学Java的同学可以试试写写这个程序: import javax.swing.JOptionPane; public class Game { public static ...

  5. 网页制作中最有用的免费Ajax和JavaScript代码库

    网上看到的一篇小文,挺有用的,收藏在这. 本文中,我整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平. Ajax Instant Messeng ...

  6. Throwable、Error、Exception、RuntimeException 区别

    1.java将所有的错误封装为一个对象,其根本父类为Throwable, Throwable有两个子类:Error和Exception. 2.Error是Throwable 的子类,用于指示合理的应用 ...

  7. java学习第01天（程序开发体验）

    1.基本写法 class Demo{ public static void main(String[] args){ System.out.print("Hello World") ...

  8. 【leetcode 简单】 第九十三题 二进制手表

    二进制手表顶部有 4 个 LED 代表小时(0-11),底部的 6 个 LED 代表分钟(0-59). 每个 LED 代表一个 0 或 1,最低位在右侧. 例如,上面的二进制手表读取 “3:25”. ...

  9. 最大团 HDU-1530

    传送门: 洛谷 Vjudge    (题目略有不同) 题目描述 • 给定一个图 tt = (V, E) • 求一个点集 S ,使得对于任意 x ≠ y ∈ S ,x 和 y 都有一条边 • |V | ...

  10. Python概念-禁锢术之__slots__

    之所以给它起名为禁锢术,并非空缺来风,下面我们来了解一下__slost__ __slost__:其实就是将类中的名称锁定,实例化对象,只可以赋值和调用,不可以删除名字和增加新的名字 代码示例:(实例化 ...