Question

web前端购物车功能实现

如图所示,网页如何实现点击"加入购物车"按钮,就将商品动态加入至购物车的DIV中,并且刷新网页也存在在购物车中? 我所知道的是用cookie或者session 但是还是不太懂 哪位能给个思路 或者发个案例给我最好 谢啦!





Answer 1

其实思路都是很简单的，如果你要纯前端的实现，那用Javascript或者jquery就可以做了，如果想前后端联动，那么具体数据操作你就提交到后台，然后后台重新返回页面就可以了

追问

这样说的很含糊阿.. 请问有实例吗?

Answer 2

$.post(
basePath+"/shoppingcar/selectAll.do",
{},
function(result){

if(result.success){

var obj=result.data;

$(obj).each(function(index){

var url="upload/image/"+this.car_id+"/"+this.car_image+"/"+this.wl_image_a+"";

addshop='<tr>';
addshop+='<td><input type="checkbox"/></td>';
addshop+='<td><img alt="'+this.car_id+'" class="imgs" src="'+url+'" /><span>'+this.car_name+'</span></td>';

addshop+='<td class="price">'+this.car_price+'</td>';

addshop+='<td><span><input class="min" name="" type="button" value="-" /></span><input class="text_box" type="text" value="1"/><span><input class="add" name="'+index+'" type="button" value="+" /></span></td>';

addshop+='<td class="xiaoji">'+this.car_price+'</td>';
addshop+='<td class=""><span class=""><input class="btn btn-primary" type="button" value="删除"></span></td>';
addshop+='</tr>';

$(".shopcar").prepend(addshop);
$(".shopcar").append('<script type="text/javascript" src="scripts/js/demo.js"></script>');

});

$("img").bind("click",function(){
var cc=$(this).attr('alt');

location.href="training.html?id="+cc+"";

});

mode();

}else{

}
});

}

Answer 3

这可以通过jQuery封装的ajax轻松实现，我可以给你一个使用Servlet的实现，我的邮箱:gbagony92@163.com