专栏首页python3用django实现购物车的商品加减功能

用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没有给出

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • python从txt文件读取数据

      (作为一个python初学者,记录一点学习期间的笔记,方便日后查阅,若有错误或者更加便捷的方法,望指出!)

    py3study
  • Python算法题----列表去重

    有这样一个列表[1, 1, 1, 2, 3, 3, 2, 4, 3, 4, 5, 5, 5, 6, 7, 8, 9, 9, 9, 9, 10, 10], 写一个...

    py3study
  • python创建tcp服务端和客户端

    py3study
  • ffmpeg libswscale实现YUV转RGB

    这种复杂的方法可以配置一些sws_getContext()配置不了的参数。比如说设置图像的YUV像素的取值范围是JPEG标准(Y、U、V取值范围都是0-255)...

    曾大稳
  • HLS Lesson15-for循环优化:其他方法

    例1: void for_merge(data_t a[N],data_t b[N],data_t c[N],data_t d[N]) { data_t x_a...

    瓜大三哥
  • 小蛇学python(14)K-means预测花朵种类

    承接上一篇有关如何处理数据的文章,这一篇,我们来一次实战,让大家感受一下这个过程。

    用户2145057
  • 浅析Numpy.genfromtxt及File I/O讲解

    Python 并没有提供数组功能,虽然列表 (list) 可以完成基本的数组功能,但它并不是真正的数组,而且在数据量较大时,使用列表的速度就会慢的让人难受。为此...

    Angel_Kitty
  • 数据可视化|二维统计直方图和三维统计分布图

    二维统计直方图的变量x和y的类型必须是数值型。在x和y轴找到各自的最大值和最小值,使得测定的所有数据都包含在【Xmin,Xmax】,【Ymin,Ymax】之间。...

    黑妹的小屋
  • 小技巧,把Markdown文本发布到微信公众号文章

    俺踏月色而来
  • 利用Python进行组合数计算

    开学几个星期了emmm 作业一如既往的多。。。。。。。 在做数学的时候经常要算组合数,奈何我的计算机太水了(其实是我懒哈哈) 正好最近学Python学的差不多哈...

    HCG_Sky

扫码关注云+社区

领取腾讯云代金券