账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    laypage点击页码无法跳页?
    47
    0

    laypage点击页码的时候,从后端返回的第二页数据会累加在第一页的后面,无法跳转到第二页,是什么原因?

    
    // //查询全部信息
    function getInfo(page) {
    
    
        $.ajax({
            type: 'post',
            url: '/web/illegalMessages',
            data: {
                'page': page
            },
            async: false,
            success: function(data) {
                var list = data.data;
                totalRow = data.totalRow;
    
                if (data.flag == 'success') {
                    for (var i = 0; i < list.length; i++) {
                        $('tbody').append(
    
                            '<tr id="' + list[i].illegalmessageid + '">' +
                            '<td>' + list[i].deal + '</td>' +
                            '<td>' + list[i].occurarea + '</td>' +
                            '<td>' + list[i].platenumber + '</td>' +
                            '<td>' + list[i].occurtime + '</td>' +
                            '<td>' + list[i].markImgPath + '</td>' +
                            '<td>' + list[i].detailImgPath + '</td>' +
                            '<td>' + list[i].voicePath + list[i].videoPath + '</td>' +
                            '<td>' + list[i].deal + '</td>' +
                            '</tr>'
                        )
                    }
                }
    
    
    
    
                layui.config({
                    base: 'base/lay/modules/'
                }).use(['element', 'form', 'layer', 'laypage', 'table'], function() {
                    var element = layui.element;
                    var layer = layui.layer;
                    var laypage = layui.laypage;
                    var table = layui.table;
    
                    //分页
                    laypage.render({
                        elem: 'layPage' //分页容器的id
                            ,
                        layout: ['prev', 'page', 'next', 'limits', 'count'] //排版
                            ,
                        limit: 10 //每页显示数
                            ,
                        count: totalRow //总条数
                            ,
                        groups: 3 //连续出现的页数
                            ,
                        theme: '#1E9FFF' //自定义选中色值
                            ,
                        skip: true //开启跳页
    
                    });
    
                    function onclick() {
                        $('#layPage a').on('click', function() {//点击页码
                            var page = $(this).attr("data-page");//获取当前的页数
                            getInfo(page);//查询当页数据
                        })
                    }
    
                    onclick()
                });
    
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest.status);
                console.log(XMLHttpRequest.readyState);
                console.log(textStatus);
            },
        })
    }
    
    
    $(function() {
    getInfo(1);
    }
    
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 奶味︴小魔女 普通会员 1楼

      如果点击页码无法跳转到新的页面,这可能是因为以下原因:

      1. 缺少必要的CSS或JavaScript代码。页码的跳转可能需要在HTML页面中使用CSS样式来实现,或者使用JavaScript函数来实现。如果没有这些代码,就无法实现页码的跳转。

      2. 缺少适当的URL。页码的跳转通常涉及到从当前页面的URL跳转到一个新的页面。如果没有适当的URL,就无法跳转到新的页面。

      3. 网络问题。如果用户的网络连接不稳定,就可能导致页面无法加载,从而无法跳转到新的页面。

      4. 系统问题。如果服务器或应用程序存在问题,就可能导致无法跳转到新的页面。

      如果你无法确定问题的原因,你可以尝试检查你的代码,确保所有的CSS和JavaScript都已正确加载,以及所有的URL都正确。如果问题仍然存在,你可以尝试重新连接到网络,或者联系网站管理员寻求帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部