當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Ajax中的购物车

發布時間：2025/4/5 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 Ajax中的购物车小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.大綱設計

2.shopingCartItem.java

1 package beans; 2 3 public class shopingCartItem { 4 private String bookname;//書對象 5 private int num; //書的數量 6 private int price; // 書的價格 7 public int getNum() { 8 return num; 9 } 10 public void setNum(int num) { 11 this.num = num; 12 } 13 public String getBookname() { 14 return bookname; 15 } 16 public void setBookname(String bookname) { 17 this.bookname = bookname; 18 } 19 public int getPrice() { 20 return price; 21 } 22 public void setPrice(int price) { 23 this.price = price; 24 } 25 }

3.shopingCart.java

1 package beans; 2 3 import java.util.HashMap; 4 import java.util.Map; 5 6 public class shopingCart { 7 //存放shopingCartItem的map，鍵是書名，值是shopingCartItem對象 8 private Map<String,shopingCartItem> items=new HashMap<>(); 9 /** 10 * 將書名與書的價格添加到購物車 11 * @param bookName 12 * @param price 13 */ 14 public void addToCart(String bookName,int price) { 15 if(items.containsKey(bookName)) { 16 shopingCartItem item=items.get(bookName); 17 item.setNum(item.getNum()+1); 18 }else { 19 shopingCartItem item=new shopingCartItem(); 20 item.setBookname(bookName); 21 item.setPrice(price); 22 item.setNum(1); 23 items.put(bookName, item); 24 } 25 } 26 /** 27 * 返回書的總數量 28 * @return 29 */ 30 public int totalBookNumer() { 31 int totalNum=0; 32 for(shopingCartItem item:items.values()) { 33 totalNum+=item.getNum(); 34 } 35 return totalNum; 36 } 37 /** 38 * 返回書的總價錢 39 */ 40 public int totalBookPrice() { 41 int totalPrice=0; 42 for(shopingCartItem item:items.values()) { 43 totalPrice+=item.getNum()*item.getPrice(); 44 } 45 return totalPrice; 46 } 47 }

4.AddToCartServlet.java

1 package servlets; 2 3 import java.io.IOException; 4 5 import javax.servlet.Servlet; 6 import javax.servlet.ServletConfig; 7 import javax.servlet.ServletException; 8 import javax.servlet.ServletRequest; 9 import javax.servlet.ServletResponse; 10 import javax.servlet.http.HttpServlet; 11 import javax.servlet.http.HttpServletRequest; 12 import javax.servlet.http.HttpServletResponse; 13 import javax.servlet.http.HttpSession; 14 15 import beans.shopingCart; 16 17 public class AddToCartServlet extends HttpServlet { 18 19 private static final long serialVersionUID = 1L; 20 21 @Override 22 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 23 doPost(request,response); 24 } 25 26 @Override 27 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 28 //獲取請求參數 29 String bookName=request.getParameter("id"); 30 int price=Integer.parseInt(request.getParameter("price")); 31 //獲取購物車對象 32 HttpSession session=request.getSession(); 33 shopingCart sc=(shopingCart)session.getAttribute("sc"); 34 if(sc==null) { 35 sc=new shopingCart(); 36 session.setAttribute("sc", sc); 37 } 38 //將點擊的事件放入購物車 39 sc.addToCart(bookName, price); 40 //準備響應的JSON對象 41 StringBuilder result=new StringBuilder(); 42 result.append("{") 43 .append("\"bookName\":\""+bookName+"\"") 44 .append(",") 45 .append("\"totalBookName\":\""+sc.totalBookNumer()+"\"") 46 .append(",") 47 .append("\"totalPrice\":\""+sc.totalBookPrice()+"\"") 48 .append("}"); 49 50 //響應JSON對象 51 response.setContentType("text/javascript"); 52 response.getWriter().print(result.toString()); 53 } 54 55 56 }

5.index.jsp

1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 <script type="text/javascript" src="${pageContext.request.contextPath}/shopcart/jquery-3.2.1.min.js"></script> 9 <script type="text/javascript"> 10 $(function(){ 11 $("a").click(function(){ 12 alert(1); 13 var url=this.href; 14 var args={"time":new Date()}; 15 $.getJSON(url,args,function(data){ 16 $("#bookName").text(data.bookName); 17 $("#totalBookName").text(data.totalBookName); 18 $("#totalPrice").text(data.totalPrice); 19 }); 20 return false; 21 }) 22 }) 23 </script> 24 </head> 25 <body> 26 你已經將 <span id="bookName"></span> 加入到購物車中， 27 購物車中有 <span id="totalBookName"></span> 本書， 28 總價 <span id="totalPrice"></span> <br><br> 29 30 Java<a href="${pageContext.request.contextPath}/addToCart?id=java&price=100">加入購物車</a><br> 31 Oracle<a href="${pageContext.request.contextPath}/addToCart?id=Oracle&price=100">加入購物車</a><br> 32 Ajax<a href="${pageContext.request.contextPath}/addToCart?id=Ajax&price=100">加入購物車</a><br> 33 </body> 34 </html>

6.效果

總結

以上是生活随笔為你收集整理的Ajax中的购物车的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： fragment中的replace和hi
下一篇： PAT乙级-1056. 组合数的和(15