刪除商品要注意在數(shù)據(jù)庫中刪除之后,還要在UI界面上刪除
效果圖.gif
0.id與class
對(duì)于模板元素只能設(shè)置class,不能設(shè)置Id,因?yàn)橐粋€(gè)界面的Id默認(rèn)只能有一個(gè),不能重復(fù)
1.選擇DOM
在選中元素的監(jiān)聽方法中用$(this),默認(rèn)是代表選中元素,如果其中調(diào)用ajax方法,要使用this就不代表外界的選中元素了,所以要在ajax方法外部定義變量保存this,然后在ajax方法里面調(diào)用
2.DOM操作
刪除元素:選中元素.remove()
3.Redis刪除哈希中元素
hdel key 鍵
4.ajax方法中error的糾錯(cuò)
可以通過在瀏覽器的控制臺(tái)輸出error,點(diǎn)擊控制臺(tái)報(bào)錯(cuò)右側(cè)的末端,找到輸出錯(cuò)誤的位置,如果是在error中輸出的,就代表數(shù)據(jù)發(fā)送錯(cuò)誤,也就是ajax鏈接服務(wù)器失敗
4.bugs
在選中元素監(jiān)聽方法中調(diào)用this要加(value),否則直接用this代表該元素會(huì)報(bào)錯(cuò)
一.元素修改
設(shè)置class,如果是a標(biāo)簽要設(shè)置為javascript:;
image.png
二.監(jiān)聽方法
1.監(jiān)聽祖先元素中的goodsId
2.發(fā)送ajax請(qǐng)求傳遞商品Id
image.png
三.在數(shù)據(jù)庫刪除數(shù)據(jù)
1.傳遞數(shù)據(jù)三句
2.獲取數(shù)據(jù)
3.獲取登錄狀態(tài)找到用戶
4.建立Redis鏈接
5.關(guān)閉鏈接
6.刪除數(shù)據(jù)
image.png
image.png
image.png
四.在UI界面刪除數(shù)據(jù)
1.創(chuàng)建變量保存選中元素
2.在ajax請(qǐng)求成功后,刪除該元素祖先元素
image.png
image.png
