tp5 ajax批量删除（自写）

html代码：

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
<form action="/admin/order/order">
    <input type="hidden" name="token" value="{$Think.session.token}">
    <input type="text" name="word" id="word">
    <input type="button" value="立即查询" onclick="get()">
</form>
<span onclick="restore()">回收站</span>
<span onclick="clearCache()" style="color: red">清除缓冲</span>
<table class="table">
    <tr>
        <td><input type="button" class="all" value="批量删除"></td>
        <td>订单号</td>
        <td>收货人</td>
        <td>支付方式</td>
        <td>订单状态</td>
    </tr>
    {foreach $order as $v}
    <tr>
        <td><input type="checkbox" value="{$v.id}"></td>
        <td>{$v.order}</td>
        <td>{$v.consignee}</td>
        <td>{$v.pay}</td>
        <td>
            {if $v.status==1}
            <span>已支付</span>
            {else}
            <span>未支付</span>
            {/if}
        </td>
        <td>
            <span onclick="del({$v.id})">删除</span>
        </td>
    </tr>
    {/foreach}
</table>

</body>
</html>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script>
    //批量删除
    $('.all').click(function () {
        var token=localStorage.getItem('token');
        //定义一个空的数组
        var arr = [];
        //将选中的复选框进行循环，将值追加至新的数组中
        $(':checkbox:checked').each(function (k,v) {
            arr.push($(this).val());
        })
        $.ajax({
            url:'/admin/order/alldel',
            type:'GET',
            data:{
                id:arr
            },
            dataType:'JSON',
            success:function (res){
               if (res.code==200){
                   alert(res.massage);
                  $(':checkbox:checked').each(function (k,v){
                      $(v).parents('tr').remove()
                  })
               }else{
                 alert('批量删除失败')
                }
            }
        })

    })</script>

//控制器代码：

   public function allDel(Request $request, $id)
    {
       //调用模型进行删除
          $result = OrderModel::del($id);
        if (!$result) {
            return json(['code' => 500, 'massage' => '批量删除失败']);
        }
        return json(['code' => 200, 'massage' => '批量删除成功']);
    }

模型代码：

    public static function del($id)
    {
        return self::destroy($id);
//        return self::destroy($id,true);//这一步是强制删除
    }

 

posted @ 2021-09-03 10:15  王越666  阅读(36)  评论(0)  编辑  收藏  举报