使用Ajax的添加购物车

最新推荐文章于 2021-08-06 21:04:14 发布

兰陵笑笑生625

最新推荐文章于 2021-08-06 21:04:14 发布

阅读量4.3k

点赞数

本文链接：https://blog.csdn.net/sinat_35010585/article/details/52153900

版权

本文介绍了如何使用Ajax技术添加商品到购物车。通过创建JavaBean `Shop_CartItem` 和 `Shop_Cart` 来存储商品信息，Servlet `AddCartServlet` 处理请求，将商品添加到会话中的购物车，并返回总价和总数量。同时，文章还提到了web.xml的配置用于其他相关操作。

摘要由CSDN通过智能技术生成

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'shop_cart.jsp' starting page</title>
<script type="text/javascript" src="Jquery/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
var isHasCart = "${sessionScope.sc == null}";
if(isHasCart == "true"){
$("#mes").hide();
}else{
$("#mes").show();
$("#bookname").text("${sessionScope.sc.bookname}");
$("#totalNumber").text("${sessionScope.sc.totalNumber}");
$("#totalMoney").text("${sessionScope.sc.totalMoney}");
}

$("a:first").click(function(){
$("#mes").show();
var num1 = $("input[name='num']:first").val();
var num = num1;
var url = this.href+num;
var args = {"time":new Date()};
$.getJSON(url,args,function(data){
$("#bookname").text(data.bookname);
$("#totalNumber").text(data.totalNumber);
$("#totalMoney").text(data.totalMoney);
});
var num1 = $("input[name='num']:first").val("");
return false;
});
$("a:eq(1)").click(function(){
$("#mes").show();
var num2 = $("input[name='num']:eq(1)").val()
var num = num2;
var url = this.href+num;
var args = {"time":new Date()};