这篇文章主要介绍了Laravel框架基于ajax和layer.js实现无刷新删除功能,结合实例形式简单分析了Laravel框架实现的ajax操作数据库相关实现技巧,需要的朋友可以参考下

本文实例讲述了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、事件的内容

1. function delUser(user_id) 
2. { 
3.   layer.confirm('您确定要删除我吗？', {  // 使用layer.js确认弹窗 
4.     btn: ['确定', '取消'], 
5.   }, function() {            // 当确定时执行 
6.     $.post("{{ url('user') }}/" + user_id, {  // 网址、数据、成功后操作 
7.       "_token": "{{ csrf_token() }}", 
8.       "_method": "delete" 
9.     }, function(data) { 
10.       if (data.status == 0) { 
11.         layer.msg(data.msg, { icon: 6}); 
12.         location.href = "{{ url('user/index') }}"; 
13.       } else { 
14.         layer.msg(data.msg, { icon: 5}); 
15.       } 
16.     }); 
17.   }, function() {}); 
18. } 

4、上述事件传到方法内容

1. public function destroy($user_id) 
2. { 
3.     $res = User::find($user_id)->delete(); 
4.     if ($res) { 
5.       $data = [ 
6.         'status' => 0, 
7.         'msg' => '删除成功' 
8.       ]; 
9.     } else { 
10.       $data = [ 
11.         'status' => 1, 
12.         'msg' => '删除失败' 
13.       ]; 
14.     } 
15.     return $data; 
16. } 

5、完成

Tags: Laravel ajax layer js

分享到：