28-Beego优选删除商品

删除商品要注意在数据库中删除之后,还要在UI界面上删除

效果图.gif

0.id与class

对于模板元素只能设置class,不能设置Id,因为一个界面的Id默认只能有一个,不能重复

1.选择DOM

在选中元素的监听方法中用$(this),默认是代表选中元素,如果其中调用ajax方法,要使用this就不代表外界的选中元素了,所以要在ajax方法外部定义变量保存this,然后在ajax方法里面调用

2.DOM操作

删除元素:选中元素.remove()

3.Redis删除哈希中元素

hdel key 键

4.ajax方法中error的纠错

可以通过在浏览器的控制台输出error,点击控制台报错右侧的末端,找到输出错误的位置,如果是在error中输出的,就代表数据发送错误,也就是ajax链接服务器失败

4.bugs

在选中元素监听方法中调用this要加(value),否则直接用this代表该元素会报错

一.元素修改

设置class,如果是a标签要设置为javascript:;

image.png

二.监听方法

1.监听祖先元素中的goodsId
2.发送ajax请求传递商品Id

image.png

三.在数据库删除数据

1.传递数据三句
2.获取数据
3.获取登录状态找到用户
4.建立Redis链接
5.关闭链接
6.删除数据

image.png
image.png
image.png

四.在UI界面删除数据

1.创建变量保存选中元素
2.在ajax请求成功后,删除该元素祖先元素

image.png
image.png