28-Beego優選刪除商品

weixin_33913332發表於2019-02-16
Go

刪除商品要注意在資料庫中刪除之後,還要在UI介面上刪除

4395895-eb1c08fcbf9ba5bb.gif
效果圖.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:;


4395895-e0639bdf4ed87736.png
image.png

二.監聽方法

1.監聽祖先元素中的goodsId
2.傳送ajax請求傳遞商品Id


4395895-b4ed76757d36eea8.png
image.png

三.在資料庫刪除資料

1.傳遞資料三句
2.獲取資料
3.獲取登入狀態找到使用者
4.建立Redis連結
5.關閉連結
6.刪除資料


4395895-5e4013a5d258b4c1.png
image.png

4395895-3e13c218a7ae6b44.png
image.png

4395895-c3aaa84b0579b8b8.png
image.png

四.在UI介面刪除資料

1.建立變數儲存選中元素
2.在ajax請求成功後,刪除該元素祖先元素


4395895-2e4c7d3e32af9270.png
image.png

4395895-4bdec24b83b9c73c.png
image.png

相關文章