layui删除成功之后刷新界面代码
时间: 2024-09-28 07:15:39 浏览: 43
在layui框架中,当你需要删除某个元素并随后刷新页面,通常会结合AJAX异步请求和回调函数来实现这个过程。以下是一个简单的示例:
```javascript
$.layer.confirm('确认删除?', {
btn: ['确定', '取消'],
yes: function(index) { // 确定按钮点击后的操作
// 发送DELETE请求到服务器,假设url为'/api/delete'
$.ajax({
type: 'DELETE',
url: '/api/delete', // 要删除数据的API地址
data: { id: 'your_delete_id'}, // 需要传递的删除标识
success: function(data) { // 请求成功回调
if (data.success) {
// 成功后刷新当前页面
location.reload();
} else {
layer.alert('删除失败,原因:' + data.message);
}
},
error: function() {
layer.alert('删除失败,请稍后再试');
}
});
},
cancel: function(index) {} // 取消按钮点击后的操作,这里可以不做处理
});
```
在这个例子中,`layer.confirm`用于弹出确认删除的提示框,用户点击确定后发起DELETE请求,如果删除成功,页面会被自动刷新。
阅读全文