Layui分页 删除最后一条数据重新加载表格问题

Layui分页 如果删除最后一条数据,前页还有数据需要重新加载表格,不然会留下一个空页面,体验不好

思路: tableIns.reload ====》 done: function(res, curr, count)  重点就是这个,表格重载后有个done的方法,可以返回当前数据,页码,和总条数,如果当前res.data.length为0,那么当前页码减1,在用减1后的curr作为page再重新加载一下页面
  //发送ajax请求
                var url = "/content/delByid.do";
                var params = {"id" : data.id};
                $.ajax({
                    url:url,
                    data:JSON.stringify(params),
                    //data:'{"username":"liangge", "password":"123", "age":18}',或者这样写也可以,不用序列化,直接写的规范一点
                    type:"post",
                    success:function (resultData) {
                        //成功后的回调函数
                        // console.log(resultData);
                            tableIns.reload({
                                done: function(res, curr, count){
                                    //如果是异步请求数据方式,res即为你接口返回的信息 curr当期页码 count得到数据总量
                                    if(res.data.length ==0){
                                        curr--;
                                        tableIns.reload({
                                            page: {
                                                curr: curr //重新从第 减1 页开始
                                            }
                                        });
                                    }
                                }
                            });
                            layer.close(index);
                    },
                    dataType:"json",
                    contentType: 'application/json;charset=UTF-8'
                });

 

相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页