27-Beego优选同步购物车修改

上一篇文章完成了前端购物车前端界面交互,但是由于Redis数据库中数据没有修改,在刷新界面之后,我们会发现修改数据无效.这里我们就要通过ajax,将前端修改的数据提交到数据库,F5刷新界面修改的数据就生效了

效果图.gif

0.选择DOM

自定义属性值:选择DOM元素.attr("自定义属性名称")

1.编程技巧

1.如果是通过ajax将前端数据传递到后端,可以在浏览器中的网络中查看传递的数据是否正确
2.失效如果是前端交互失效,首选考虑监听的元素是否是正确的

2.错误处理

1.获取用户登录状态
2.获取ajax传递的数据
3.修改数据库
4.链接数据库

3.注意点

1.获取用户登录状态断言
2.模板遍历用后面加.
6.监听a标签点击事件没有修改href

image.png
导致以点击就回到界面顶端
image.png
7.在前端获取模板数据没有加{{}}
image.png
image.png
获取切片中的字典中的模型数据
image.png

4.jQuery格式

主入口函数中不能定义其它函数

image.png image.png

5.bugs

在函数中调用自己进入死循环!!!

image.png

一.前端

1.设置商品Id
2.获取商品Id
3.调用方法(仅在商品数目变换时需要调用)

image.png
image.png
image.png

二.后端

1.json数据传递
2.获取view传递过来的数据
3.更新数据
4.route设置

image.png
image.png
image.png
image.png