js实现提交前对列表数据的增删改查

js实现列表数据的增删改查,AJAX提交后,js操作数据

最近工作中,有一处列表数据是页面初始化加载的,用户可以进行操作,因为这些数据并不存在数据库中,同时为了数据的整洁以及高效,所以要在页面进行增删改操作(其实查也可以,类似改),之前写过一个二维数组保存的,代码乱而且效率不高,后改用object 感觉还可以,主要是查询和删除的时候不需要自己遍历数组。

1. html

列表是用div+ul标签弄的,贴一些用到的片段

1.1 要展示的列表

列表标题
//列表数据

1.2编辑框

信息确认 修改 确认

贴一个大致实现效果

js实现提交前对列表数据的增删改查_第1张图片

2. js主要内容

先贴代码 再简单解释下

2.1 初始化