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" οnclick="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、完成