上一篇文章完成了前端购物车前端界面交互,但是由于Redis数据库中数据没有修改,在刷新界面之后,我们会发现修改数据无效.这里我们就要通过ajax,将前端修改的数据提交到数据库,F5刷新界面修改的数据就生效了
效果图.gif
0.选择DOM
自定义属性值:选择DOM元素.attr("自定义属性名称")
1.编程技巧
1.如果是通过ajax将前端数据传递到后端,可以在浏览器中的网络中查看传递的数据是否正确
2.失效如果是前端交互失效,首选考虑监听的元素是否是正确的
2.错误处理
1.获取用户登录状态
2.获取ajax传递的数据
3.修改数据库
4.链接数据库
3.注意点
1.获取用户登录状态断言
2.模板遍历用 4.数据库没有开启,在任务管理器中查看 5.利用ajax传递数据没有在](https://math.jianshu.com/math?formula=(value)%2C%E5%A6%82%E6%9E%9C%E7%9B%B4%E6%8E%A5%E5%86%99%E7%B1%BB%E5%90%8D%E4%BC%9A%E5%87%BA%E9%94%99%203.!%5Bimage.png%5D(https%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F4395895-dad6812af84d20ac.png%3FimageMogr2%2Fauto-orient%2Fstrip%257CimageView2%2F2%2Fw%2F1240)%204.%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B2%A1%E6%9C%89%E5%BC%80%E5%90%AF%2C%E5%9C%A8%E4%BB%BB%E5%8A%A1%E7%AE%A1%E7%90%86%E5%99%A8%E4%B8%AD%E6%9F%A5%E7%9C%8B%205.%E5%88%A9%E7%94%A8ajax%E4%BC%A0%E9%80%92%E6%95%B0%E6%8D%AE%E6%B2%A1%E6%9C%89%E5%9C%A8)
后面加.
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
网友评论