jquery项目遇到的问题

在这里插入图片描述需求:该页面点击添加按钮以及表格中每一个的修改按钮弹出同一模态框,并且点击修改模态框获取当前行内容插入到模态框
添加模态框如下
在这里插入图片描述修改模态框如下
在这里插入图片描述修改按钮事件绑定
首先需要获取当前行id,然后调用请求函数拿到后台数据,将当前id与后台数据的每一项id进行比较,相同时给每一个input框写入内容

添加按钮事件绑定
在这里插入图片描述!!!有意思的是‘保存’按钮,只绑定一次事件,但需要选择修改时的事件处理还是添加时的事件处理(根据id是否为undefined判断)
!由后台得知,修改和新增都是请求的 ‘baseUser/saveOrUpdate?’,只有后面根据后面是否拼接id的区别,所以封装获取拼接内容url的函数
在这里插入图片描述之后只需要调用该函数得到url,将url作为参数给保存函数,所以封装保存函数
在这里插入图片描述保存函数:点击保存按钮,根据参数url请求当前接口,隐藏模态框,然后刷新表格数据,如果保存成功,弹出成功后的模态框,失败弹出失败后的模态框
万事俱备,只要给保存按钮绑定事件即可
在这里插入图片描述
总结一下最核心的问题:当点击修改时,就已经给id赋值,所以再点击保存时id有值,此时获取对应url;而当点击添加时,将id设为undefined,也获取对应url;通过ajax发送请求提供不同的url,以便实现添加或修改功能

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值