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. go build 不同系统下的可执行文件

    Golang 支持在一个平台下生成另一个平台可执行程序的交叉编译功能. 1.Mac下编译Linux, Windows平台的64位可执行程序: 1 2 $ CGO_ENABLED=0 GOOS=linu ...

  2. 手把手教你使用koa2

    简介 koa是由express的原班人马打造的web框架.但是相对于express,koa的性能要更高,因为koa通过使用aysnc函数,帮你丢弃回调函数,并有力的增强了错误处理.而且koa没有绑定任 ...

  3. 编写可维护的js代码

    在工作中,制定一套统一的编码风格,可以提高开发效率,维护起来的也要容易很多,也能避免一些不必要的错误出现. 项目中常用的检查编码风格的工具JSLint.JSHint.JSCS.ESLint,,在这呢, ...

  4. Idea+TestNg配置test-output输出（转）

    说明:testNG的工程我是使用eclipse创建的,直接导入到idea中,运行test时不会生产test-output,只能在idea的控制台中查看运行结果,然后到处报告,经过不懈的百度终于找到怎么 ...

  5. 20155336 2016-2017-2《JAVA程序设计》第七周学习总结

    20155336 2016-2017-2<JAVA程序设计>第七周学习总结 教材学习内容总结 第十三章 认识时间与日期 格林威治标准时间:简称GMT时间,参考格林威治皇家天文台的标准太阳时 ...

  6. 20155231 2016-2017-2 《Java程序设计》第8周学习总结

    20155231 2016-2017-2 <Java程序设计>第8周学习总结 教材学习内容总结 学习目标 了解NIO 会使用Channel.Buffer与NIO2 会使用日志API.国际化 ...

  7. HDU 6096 String （AC自动机）

    题目链接 Problem Description Bob has a dictionary with N words in it. Now there is a list of words in wh ...

  8. 多页面应用_vue

    vue框架 vue:解决前端大型应用的开发,将之前几十个.几百个.更多的HTML页面,集成为1个HTML页面(当页面应用) jQuery:前端方法库. bootstrap:UI组件库. angular ...

  9. 【算法学习】老算法，新姿势，STL——Heap

    “堆”是一个大家很熟悉的数据结构,它可以在\(O(log\;n)\)的时间内维护集合的极值. 这都是老套路了,具体的内部实现我也就不谈了. 我一般来说,都是用queue库中的priority_queu ...

  10. sru源码--language model

    import sys import os import argparse import time import random import math import numpy as np import ...