首先寫出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沒有給出