Laravel使用ajax和layer.js实现无刷新删除

snow_small

于 2017-12-25 16:41:04 发布

阅读量2.4k

点赞数

分类专栏： php小白成长之路文章标签： ajax layer laravel 无刷新删除

本文链接：https://blog.csdn.net/snow_small/article/details/78894299

版权

php小白成长之路专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何在Laravel项目中利用ajax和layer.js库，实现页面无刷新的删除操作。首先确保引入layer.js，然后通过ajax发送删除请求，配合layer.js的弹窗提示，完成交互体验的提升。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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、完成