新增编辑同一接口怎么写
2026/7/24 12:55:47 网站建设 项目流程

新增按钮绑定点击事件当点击新增时使用text属性将标题的文字改成新增在打开表单编辑按钮绑定监听事件当点击编辑时先获取当前行数据。
渲染按钮写data-id="item.id"这段的意思时获取到当前这一行数据的id。意思就是将当前行数据的id存到这个变量名中用于新增,编辑,删除调用data−data=′{item.id}"这段的意思时获取到当前这一行数据的id。意思就是将当前行数据的id存到这个变量名中用于新增,编辑,删除调用>item.id"这段的意思时获取到当前这一行数据的id。意思就是将当前行数据的id存到这个变量名中用于新增,编辑,删除调用datadata={JSON.stringify(item)}‘的意思时将当前行数据通过JSON.stringify()字符串转json对象的形式储存起来。
在编辑时let data = JSON.parse($(this).attr(“data-data”))定义一个变量使用JSON.parse()将json对象转为字符串就可以获取到当前整条数据了,括号中写的是拿到当前行存储的数据。这里有一个坑:我直接里面获取编辑里面的id想着新增没id编辑有我直接判断点击时有没有获取到id就行了,这样搞发现我怎么写他都会获取到页面第一条数据的id,新增不能用所有改成使用attr的方法将标题字体改成编辑,使用attr将id存放到标题中用于提交表单时使用在显示表单。在调用数据回显函数内先判断是否获取到id如果没有获取到提示并中断执行。在使用
$(’.inp_text’).val(data.title)将数据放到输入框中,通过val将当前行数据引导里面实现在顶部声明一个空对象,当点击编辑时将原数据存放到里面用于提交表单时使用给确认按钮绑定监听点击事件获取输入框数据在获取保存在标题中的id判断,当标题为空时红框红字提示终止进程,在判断是否有获取到id通过判断传不同的参数,在判断现在输入框的数据与原数据是否一致如果一致红字显示并使用text改文字显示红框终止往下执行,同样下方获取参数名函数与函数之间搭建桥梁,请求接口函数获取参数后请求接口通过三元判断新增还是编辑重置表单从新调用列表数据在隐藏表单
给表单输入框设置监听事件当输入框输入时隐藏提示消除红框

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询