Laravel中怎么实现无刷新删除功能,具体操作是什么
Admin 2022-07-06 群英技术资讯 508 次浏览
本文实例讲述了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 style="font-size: 15px;" 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; }
5、完成
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
今天小编就为大家分享一篇解决tp5在nginx下修改配置访问的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
“tcp”与“udp”的区别是:1、TCP面向连接(如打电话要先拨号建立连接);UDP是无连接的,即发送数据之前不需要建立连接;2、TCP面向字节流,UDP是面向报文的;3、TCP的逻辑通信信道是全双工的可靠信道,UDP则是不可靠信道。
由于PHP的文件系统操作是基于C语言的函数的,所以它可能会以您意想不到的方式处理Null字符。Null字符在C语言中用于标识字符串结束,一个完整的字符串是从其开头到...
今天小编就为大家分享一篇在laravel框架中实现封装公共方法全局调用,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
如何用mkdir创建文件夹?对于mkdir创建文件夹的操作很多人不是很了解,因此,这篇文章就主要给大家介绍mkdir创建文件夹的使用以及例子,感兴趣的朋友可以看一下。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008