go语言

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

2019-02-15  本文已影响4人  梦想成为小仙女

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

效果图.gif

0.选择DOM

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

1.编程技巧

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

2.错误处理

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

3.注意点

1.获取用户登录状态断言
2.模板遍历用(value),如果直接写类名会出错 3.![image.png](https://img.haomeiwen.com/i4395895/dad6812af84d20ac.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 4.数据库没有开启,在任务管理器中查看 5.利用ajax传递数据没有在后面加.
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
上一篇 下一篇

猜你喜欢

热点阅读