本篇文章为大家展示了如何在Laravel框架中使用ajax和layer.js实现一个无刷新删除功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
具体如下:
1、首先要引入layer.js
<script type="text/javascript" src="{{ asset('/public/bootstrap/js/jquery-3.2.1.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/public/layer/layer.js') }}"></script>
2、给删除按钮加事件
<a type="submit" class="btn" onclick="delUser({{ $user->id }})">删除</a>
3、事件的内容
function delUser(user_id)
{
layer.confirm('您确定要删除我吗?', { // 使用layer.js确认弹窗
btn: ['确定', '取消'],
}, function() { // 当确定时执行
$.post("{{ url('user') }}/" + user_id, { // 网址、数据、成功后操作
"_token": "{{ csrf_token() }}",
"_method": "delete"
}, function(data) {
if (data.status == 0) {
layer.msg(data.msg, { icon: 6});
location.href = "{{ url('user/index') }}";
} else {
layer.msg(data.msg, { icon: 5});
}
});
}, function() {});
}
4、上述事件传到方法内容
public function destroy($user_id)
{
$res = User::find($user_id)->delete();
if ($res) {
$data = [
'status' => 0,
'msg' => '删除成功'
];
} else {
$data = [
'status' => 1,
'msg' => '删除失败'
];
}
return $data;
}
上述内容就是如何在Laravel框架中使用ajax和layer.js实现一个无刷新删除功能,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。