删除商品要注意在数据库中删除之后,还要在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
