laravel+ajax删除

1314520syq

于 2022-07-23 10:42:58 发布

阅读量163

点赞数

文章标签： ajax laravel javascript

本文链接：https://blog.csdn.net/hzhandevery/article/details/125944641

版权

该博客展示了如何在HTML中结合jQuery实现Ajax删除功能。通过点击带有特定ID的删除链接，JavaScript会发送一个GET请求到服务器，删除对应ID的数据，并在成功响应后从表格中移除对应的行。控制器部分接收请求，执行删除操作并返回JSON响应。

摘要由CSDN通过智能技术生成

//先引进javascript

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

//html

    <td><a href="javascript:;" class="del" ids="{{$val['id']}}">ajax删除</a></td>

//js

 $('.del').click(function (){
     //获取id的值
     var id = $(this).attr('ids');
     //定义指定的值，当前回事指a标签
     var _this = $(this);

     $.ajax({
        //路由
         url:'del',
        //数据
        data:{id:id},
        //类型
        type:'get',
         //返回类型
         dataType:'json',
         success:function (res)
         {
              var code = (res.code);
              if (code==200)
              {
                  _this.parents('tr').remove();
              }
         }
     })

 })

//controll

/**
     *ajax异步删除
     */
    public function del()
    {
        $id  = \request()->get('id');
        //dd($id);
        $message = modeller::where('id',$id)->delete();
        if ($message)
        {
           return json_encode(['code'=>200,'msg'=>'成功','data'=>$message]);
        }
    }