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要加(this),就像each方法要加(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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,454评论 1 45
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 4,711评论 0 2
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,286评论 0 3
  • 玫瑰 “如果你爱上了这无数星星中盛开的唯一的花朵,只用凝望这些星星,就足以让花儿感到幸福。你可以自...
    蜜糖陶阅读 3,535评论 0 3
  • 1.项目结构目录 2.app.vue组件 3.相关的各个组件 Home Mine Market Nwes one和...
    An的杂货铺阅读 3,101评论 0 1

友情链接更多精彩内容