购物车程序中如何实现修改商品数量和从购物车中删除该商品？

BOB_JACK 2009-07-27 09:18:42

在购物车程序中，我利用集合list存储每一个购买商品的实体对象product（其中包括商品名称、商品数量、单价，总价），然后在显示购物车程序（list.jsp）中遍历该集合，显示在表格中，并且每条所购买的商品记录后边都有“删除”和“修改”两个超链接，且每条购买的商品的记录中都有一个单元格，该单元格中有一个文本框，用来修改购买相应商品的数量，当点击“修改”超链接时，显示购物车程序中文本框中显示修改后的数量，如果点击“删除”超链接，则从显示购物车程序中删除相应的商品清单。问“删除”和“修改”两个超链接如何实现？显示购物车程序list.jsp是否需要表单（<form></form>）？最好提供关键代码？

...全文

2599 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

shadow55 2009-07-27

打赏
举报

用map多好，查找购物车中的商品多方便。

liujiali0822 2009-07-27

打赏
举报

路过了

liujiali0822 2009-07-27

打赏
举报

XUE XI LE

yuha521 2009-07-27

打赏
举报

要的是无刷新还是什么啊！。。。

我有写了个类似案例！需要我给你！

如果不是无刷新的话！

你先删除！然后再查询一次数据！。再转到你的页面！

如果放在session里面的！你就删除那条数据，然后在session remove那跳数据！再转到页面去

感觉说多了没有用！

xujiaruix 2009-07-27

打赏
举报

修改商品数量直接用Ajax了，删除是用超链接实现（使用？来传递id）

xujiaruix 2009-07-27

打赏
举报

<%@ page language="java" pageEncoding="gbk"%>
<%@taglib prefix="html" uri="/WEB-INF/struts-html.tld"%>
<%@taglib prefix="logic" uri="/WEB-INF/struts-logic.tld" %>
<html>
<script language="javascript">
var XMLHttpReq = false;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function sendRequest(url) {
createXMLHttpRequest();
XMLHttpReq.open("GET", url, true); //指定请求发送的url
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
//alert(XMLHttpReq.status);
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
var res=XMLHttpReq.responseText;
//window.alert(res)
//document.getElementById("mes").innerHTML=res;
if(res!=(""))
alert(res);
} else { //页面不正常
window.alert("必须输入数字");
}
}
}
// 身份验证函数
function userCheck(m,n,id) {
//
//var number = document.getElementById("number");
if(m=="0") {
alert("商品数量不能为空");
document.getElementById("nubmer" + n).focus;
//return false;
}else {
alert("您要购买该商品的数量为"+m);
sendRequest('updateShoppingCarItemNumber.do?id='+ id + "&number=" + m);
}
}
</script>
<head>
<title>布罗克购物系统--我的购物车</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="inc/css.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="3" topmargin="5" marginwidth="0" marginheight="0">
<table width=96% border=0 align=center cellpadding=2 cellspacing=2><tr><td width=60% ></td><td width=40% valign=baseline> <div align=right></div></td></tr></table>
<table width=96% border=0 align=center cellpadding=1 cellspacing=1 bgcolor=#FFCC00>
<tr>
<td width=35% bgcolor=#FFEEAC><div align=center><font color=#666666>商品名称</font></div></td>
<td width=14% bgcolor=#FFEEAC><div align=center><font color=#666666>市场价</font></div></td>
<td width=14% bgcolor=#FFEEAC><div align=center><font color=#666666>会员价</font></div></td>
<td width=14% bgcolor=#FFEEAC><div align=center><font color=#666666>VIP 价：<font color="#FF9999">更优惠！</font></font></div></td>
<td width=2% bgcolor=#FFEEAC><div align=center><font color=#666666>数量</font></div></td>
<td width=8% bgcolor=#FFEEAC><div align=center><font color=#666666>删除</font></div></td></tr>

<logic:iterate name="set" id="shoppingCarItem" indexId="ii">
<tr>
<td bgcolor=#FFF9DF STYLE='PADDING-LEFT: 5px' width=35%>
<div align=left><a href=list.asp?id=33 target=_blank>${shoppingCarItem.name}</a></div></td>
<td bgcolor=#FFF9DF><div align=center width=14%>${shoppingCarItem.price}</div></td>
<td bgcolor=#FFF9DF><div align=center><font color=#dd6600>${shoppingCarItem.price*0.9 }</font></div></td>
<td bgcolor=#FFF9DF><div align=center><font color=#FF3300>${shoppingCarItem.price*0.8 }</font></div></td>
<td bgcolor=#FFF9DF><div align=center><input id="number${ii }" name=bookid type="text" size=3 value="${shoppingCarItem.number}" onblur="userCheck(this.value,'${ii}','${shoppingCarItem.id }')"></div><font color="red"><html:errors property="number"/><span id="mes"></span></font></td>
<td bgcolor=#FFF9DF><div align=center><a href="deleteShoppingCarItem.do?id='${shoppingCarItem.id}'"><img src=images/trash.gif width=15 height=17 border=0></a></div></td></tr>

</logic:iterate>

<tr>
<td height=36 colspan=6 bgcolor=#FFF5D0>
<div align=center>
<p>
<input name="sum" type="image" src="images/cart04.gif" width="100" height="43" border="0" onFocus="this.blur()"
onClick="window.location.href='settleAccount.do'"/>
<input name="button" type="image" src="images/cart01.gif" width="100" height="43" border="0" onclick="javascript:window.close();">

<img src="images/cart02.gif" type="image" width="100" height="43" border="0" onFocus="this.blur()" onClick="window.location.href='clearShoppingCar.do'">
<br>购物车将在<span id="counter">60</span>秒后自动关闭
</div>
</td></tr></table>
<script language="Javascript">
function closeinfo(){window.close();}
setTimeout("closeinfo()", 60000 );
var counter = document.getElementById("counter");
count();
function count(){
counter.innerHTML=parseInt(counter.innerHTML)-1;
setTimeout("count();",1000);
}
</script>
</body>
</html>