📄 cartlist.jsp~39~
字号:
<%@ page contentType="text/html; charset=GBK" import="java.util.*,com.accp.gz.th.zm.client.javabean.*" %>
<%
ArrayList cartlist=(ArrayList)session.getAttribute("cartlist");
%>
<html>
<head>
<script type="text/javascript" language="javascript">
var xmlHttp;
function delGoods(gid){
//创建对象
createXMLHttpRequest();
// 构造地址
var url="/GoodsSysModule/cartupdservlet?gid="+gid;
//提交给服务器
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);
}
/**
* 方法 1 ：创建对象
*/
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
/**
* 方法 3 ：响应
*/
function callback(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
// 在servlet中已经把选中的商品删除掉了,所以这里要把本页面中的这条商品也删除
var gid=xmlHttp.responseXML.getElementsByTagName("bookid")[0].firstChild.data;
var totalprice=xmlHttp.responseXML.getElementsByTagName("cartcount")[0].firstChild.data;
document.getElementById(gid).removeNode(true);
document.getElementById("totalprice").innerHTML=totalprice;
}
}
}
</script>
</head>
<body>
<form name="f1" method="post" action="">
<table width="668" height="130" border="1">
<tr>
<td>名称</td>
<td>价格</td>
<td>数量</td>
<td> </td>
</tr>
<%
for(int i=0; i<cartlist.size(); i++){
CartBean cartbean=(CartBean)cartlist.get(i);
out.print("<tr id='"+cartbean.getId()+"'>");
out.print("<td>"+cartbean.getName()+"</td>");
out.print("<td>"+cartbean.getPrice()+"</td>");
out.print("<td><input type='text' name='textfield' value='"+cartbean.getNumber()+"'></td>");
out.print("<td><input name='"+cartbean.getId()+"' type='button' value='删除' onclick='delGoods(this.name)'></td>");
out.print("</tr>");
}
%>
<tr>
<td> </td>
<td> </td>
<td>总价 ： <div id="totalprice">${sessionScope.totalpriceofcart}</div>元 </td>
<td> </td>
</tr>
<tr>
<td colspan="4"><div align="center">
<input name="continue" type="button" id="continue" value="继续购物">
<input name="buy" type="button" id="buy" value="结算中心">
</div></td>
</tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -