localStorage购物车

1.准备好json数据

2.把res渲染页面;(渲染时给每一个div加一个res中的goodsid)

3.添加点击事件(事件委托),获取goods(是字符,数组中放对象)

判断goods中是否有数据,若不存在,直接传num:1 ; id:div中添加的id。若已经存在,判断当前的id是否已经存在,存在即加一,不存在,传num:1,id:div中的id。。最后将goods再设置回去

4.结算页面:准备json数据

获取goods,res。渲染页面时双层循环判断,若res中的goodsid和goods中的id相等,就渲染页面。(给每一个tr传res中的goodsid,只有数量是goods里边的数据,其他数据根据res渲染)

5.删除数据:事件委托:删除时获取此tr的id,循环遍历goods,若goods中的id与tr的id相等,就删除goods中的此条数据,this.goods.splice(i,1)

最后把goods设置回去

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

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,780评论 1 45
  • 前端必读:浏览器内部工作原理[https://kb.cnblogs.com/page/129756/] 作者: T...
    我是强强阅读 1,244评论 0 2
  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom阅读 3,143评论 0 3
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,793评论 0 3
  • mysql的查询、子查询及连接查询 一、mysql查询的五种子句 where(条件查询)、having(筛选)、g...
    时芥蓝阅读 745评论 0 3

友情链接更多精彩内容