Laraval7中datatable中的ajax无刷新删除

前端：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">
 7     <!-- jQuery -->
 8     <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 9     <!-- DataTables -->
10     <script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
11 </head>
12 <body>
13 <table id="table_id_example" class="display">
14     <thead>
15     <tr>
16         <td>姓名</td>
17         <td>电话</td>
18         <td>操作</td>
19     </tr>
20     </thead>
21     <tbody>
22     @foreach($data as $val)
23         <tr>
24             <td>{{$val->name}}</td>
25             <td>{{$val->tel}}</td>
26             <td><a class="del" del="{{$val->id}}">删除</a></td>
27         </tr>
28     @endforeach
29     </tbody>
30 </table>
31 </body>
32 </html>
33 
34 
35 <script>
36     $(document).ready( function () {
37         $('#table_id_example').DataTable();
38     } );
39     $(".del").click(function () {
40         let id = $(this).attr('del');
41         console.log(id);
42         $.ajax({
43             url: 'del',
44             type: "delete",
45             data: {id,
46                 _token: "{{csrf_token()}}"},
47         }).then((res)=>{
48             if(res.code==200){
49                 $(this).parents('tr').remove()
50             }
51         })
52     })
53 
54 </script>

 

 

 

控制器

 1 public function index()
 2     {
 3         $data = User::get();
 4         return view('index',compact('data'));
 5     }
 6     public function del(Request $request)
 7     {
 8        $data =  $request->except('_token');
 9        $res = User::destroy($data['id']);
10        return ['code'=>200];
11     }

 

posted @ 2021-01-24 20:47  SlytherinGirl  阅读(56)  评论(0)    收藏  举报