在layuimini的table.on()中,先用一个弹框确认操作,点击确认后发送ajax请求到后端,并用弹窗显示回调信息
时间: 2024-03-15 17:46:53 浏览: 60
好的,您的问题是关于在layuimini的table.on()中,先用一个弹框确认操作,点击确认后发送ajax请求到后端,并用弹窗显示回调信息的问题。
这个问题可以通过以下代码实现:
``` javascript
// 给表格中的操作按钮绑定点击事件
table.on('tool(test-table-operate)', function(obj){
// 获取当前行数据的id
var id = obj.data.id;
// 弹出确认框
layer.confirm('确认要执行此操作吗?', {
btn: ['确定','取消'] // 按钮
}, function(){
// 点击确定按钮后执行的操作
// 发送ajax请求到后端
$.ajax({
type: 'POST',
url: '/api/deleteUser',
data: {
id: id
},
success: function(res){
// 显示回调信息
layer.msg(res.message);
// 刷新表格数据
table.reload('test-table-operate');
},
error: function(){
layer.msg('请求失败!');
}
});
}, function(){
// 点击取消按钮后执行的操作
layer.closeAll();
});
});
```
这段代码中,我们首先给表格中的操作按钮绑定了点击事件,然后获取当前行数据的id。接着弹出一个确认框,询问用户是否确认执行此操作。如果用户点击了确定按钮,就发送ajax请求到后端,删除对应的数据,并用弹窗显示回调信息。如果用户点击了取消按钮,就关闭确认框。最后刷新表格数据,使修改后的数据能够在页面中显示出来。
阅读全文