用django实现购物车的商品加减功能

首先写出html代码

<button goodsid="{{ good.id }}" class="subShopping">-</button> <span>0</span> <button goodsid="{{ good.id }}" class="addShopping">+</button>

这里写出两个按钮,一个用来加数据,一个用来减数据,中间的span用来显示商品数量

然后是js实现功能

$('.addShopping').click(function(){ var span = $(this) goodsid = $(this).attr('goodsid') //console.log($(this).prev()) //设置回调函数进行数据交互 $.getJSON("/App/addcart/",{"goodsid":goodsid},function (data) {

if (data["status"] == "777") { //target="_self" 这是不去打开新窗口,而是在当前窗口加载新的路径 window.open("/App/login/",target="_self") }else if (data["status"] == "200"){

console.log(span.prev()) //拿到button前面的标签 span.prev().html(data["num"])

} }) })

这里提前给出了json所要交互的视图函数

写出view视图函数

def addcart(request): data = { 'status':'200', }

获取js中回调函数(getJSON)传过来的参数

goodsid = request.GET.get('goodsid') register_id = request.session.get('register_id')

if not register_id: data['status']='777' else:

goods = CartModel.objects.filter(userid=register_id).filter(goodsid=goodsid) if goods.exists(): good = goods.first() good.c_num = good.c_num + 1

good.save() data['num'] = good.c_num else: good = CartModel() good.userid_id = register_id good.goodsid_id = goodsid good.c_num = 1

good.save() data['num'] = good.c_num return JsonResponse(data)

这个是简略的一部分代码,数据库以及部分的html没有给出