JQuery、Servlet实现页面值的动态变化

本功能实现了购物车中根据checkbox选中的情况动态计算被选中商品的件数和商品的总价

1、Jsp页面

全选
图片
书名
作者
单价
剩余数量
购买数量
操作




${entry.value.book.bookName}
${entry.value.book.bookAuthor}
${entry.value.book.bookPrice}
${entry.value.book.bookQuantity}
${entry.value.buyQuantity}
删除





全选

删除
已选书籍数
0
本
总计:
0.00
元

显示的图片如下：

2、通过jquery动态的将选中的值传给servlet

3、Servlet的处理类，将接受到的参数进行转化，计算出的结果再转化为XML的格式或者JSON的格式传给前端的$.post中的returnedData。这样做的目的是便于操作。

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		String buynum=request.getParameter("buynum");
		String price=request.getParameter("price");

		String[] buyNumString=buynum.split(",");
		String[] priceString=price.split(",");
		int buyBookNum=0;
		double totalPrice=0.00;
		for(int i=0;i

4、运行的结果如下：