美文网首页
Laravel框架基于ajax和layer.js实现无刷新删除功

Laravel框架基于ajax和layer.js实现无刷新删除功

作者: zhaoxiaohui520 | 来源:发表于2020-01-10 16:59 被阅读0次

    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;
    }
    

    相关文章

      网友评论

          本文标题:Laravel框架基于ajax和layer.js实现无刷新删除功

          本文链接:https://www.haomeiwen.com/subject/jckmactx.html