ThinkPHP5 ajax分页删除（页面无刷新删除）

最新推荐文章于 2021-08-05 17:46:50 发布

桃九

最新推荐文章于 2021-08-05 17:46:50 发布

阅读量493

点赞数

分类专栏： ThinkPhP5 添加删除分页文章标签： ThinkPhP5 添加删除分页

本文链接：https://blog.csdn.net/chabao111111/article/details/89342483

版权

ThinkPhP5 添加删除分页专栏收录该内容

1 篇文章 0 订阅

订阅专栏

添加页面

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="__URL__/add" method="post">
    <center>
<table border="1" bgcolor="#fff4ef" bordercolor="purple">
    <tr>
        <td>分类名称：<input type="text" name="name"></td>
    </tr>
    <tr>
        <td>分类描述：<textarea name="fenlei" cols="30" rows="10"></textarea></td>
    </tr>
    <tr>
        <td>品牌网址：<input type="text" name="wangzhi"></td>
    </tr>
    <tr>
        <td><input type="submit" value="添加"></td>
    </tr>
</form>
</center>
</body>
</html>

控制器页面（添加）

   public function index()
    {
        return view();
    }
    //添加
    public function add(){
        $data=Request::instance()->param();
        $res=model('studen')->add_one($data);
        if(!$res){
            $this->error('添加失败');
        }
        $this->success('添加成功','show');
    }

model层（添加删除）

<?php
namespace app\index\model;

use think\Model;

class Studen extends Model
{
    public function add_one($data){
        return $this->insert($data);
    }
    public function dels($id){
        return $this->where($id)->delete($id);
    }
}

添加后跳转show页面进行分页删除

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页</title>
</head>
<style>
    table{
        width: 1000px;
        text-align: center;
        background: #00b3ff;
    }
    tr{
        background: #fff4ef;
    }
    .pagination li{
        float: left;
        list-style-type: none;
        margin: 1px;
        margin-left:10px;
        padding-left: 50px;
    }
</style>
<body>
<table>
    <tr>
        <td>ID</td>
        <td>商品名称</td>
        <td>商品分类</td>
        <td>商品网址</td>
        <td>操作</td>
    </tr>
    <tbody id="body">
    {foreach name="data" item="vo"}
    <tr>
        <td>{$vo.id}</td>
        <td>{$vo.name}</td>
        <td>{$vo.fenlei}</td>
        <td>{$vo.wangzhi}</td>
        <td><input type="button" value="删除" class="del" d_id="{$vo.id}"></td>
    </tr>
    {/foreach}
    </tbody>
</table>
<div id="page">{$page}</div>
</body>
</html>
<script src="__STATIC__/js/jquery-3.3.1.min.js"></script>
<script>
    $(document).on('click','.pagination li a',function(){
        page=$(this).attr('href');
        event.preventDefault();
        $.ajax({
            method:"GET",
            url:page,
            success:function(res){
                str='';
                $.each(res.data.data,function(k,v){
                    str+='<tr>';
                        str+='<td>'+v.id+'</td>';
                        str+='<td>'+v.name+'</td>';
                        str+='<td>'+v.fenlei+'</td>';
                        str+='<td>'+v.wangzhi+'</td>';
                    str+='<td><input type="button" value="删除" class="del" d_id="'+v.id+'"></td>';

                    str+='</tr>';
                });
                $("#body").html(str);
                $("#page").html(res.page);
            }
        })
    });
    //分页删除
    $(document).on('click','.del',function(){
        var id=$(this).attr('d_id');
        page=$(".active span").text();
        $.ajax({
            url:'__URL__/del',
            type:'post',
            dataType:'json',
            data:{
                id:id,
                page:page
            },
            success:function(arr){
                str='';
//                console.log(arr);
                $.each(arr.data,function(k,v){
                    str+='<tr>';
                    str+='<td>'+v.id+'</td>';
                    str+='<td>'+v.name+'</td>';
                    str+='<td>'+v.fenlei+'</td>';
                    str+='<td>'+v.wangzhi+'</td>';
                    str+='<td><input type="button" value="删除" class="del" d_id="'+v.id+'"></td>';

                    str+='</tr>';
                });
                $("#body").html(str);
            }
        })
    })
</script>

控制器页面 index.php（分页删除）

   //分页
    public function show()
    {
        $data = Db::table('studen')->paginate(4);
        $page = $data->render();
        if(Request::instance()->isAjax()){
            return array(
                'data' => $data,
                'page' => $page,
            );
        }
        $this->assign('data',$data);
        $this->assign('page',$page);
        return view();
    }
    //删除
    public function del(){
        $data['id']=Request::instance()->param('id');
        $re=model('studen')->dels($data);
        $data = Db::table('studen')->paginate(4);
        return $data;//        print_r($data);
    }

桃九

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ThinkPHP5 ajax分页删除（页面无刷新删除）

添加页面<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/html"><head> <meta charset="UTF-8"> <title>Title</title></head><body><...
复制链接

扫一扫