2018-07-30分页

2018-07-30  本文已影响0人  夜照天星

http://www.cnblogs.com/SSs1995/p/9236725.html

JS

//全局变量,page为1,最大页数为0,条件查找,条件为空varpage = 1;

    varmaxsno = 0;

    varkeyword = "";

    $(function(){

        ajaxEvent();

    })//页面显示函数,传参条件默认为空,页数默认为1,加载分页function ajaxEvent(){//获取条件keyword = $('#ss').val();

        $.ajax({

            type:"post",

            url:"chuli.php",

            data:{type:'selectData',keyword:keyword,page:page},

            dataType:'json',

            success:function(data){

                //console.log(data[2]);chuliData(data[0],data[1]);

                fenye();

            }

        });

    }

    function chuliData(data,maxSno){

        varstr = `                    学号                    姓名                    性别                    生日                    班级                    添加                `;for(vari = 0; i < data.length; i++){

            str += "";

            for(varj = 0; j

                str += ""+data[i][j]+"";

            }

            str += "编辑删除"            str += "";

        }

        maxsno = maxSno;

        //console.log(snoArr[xb][0]);$('#table').html(str);

        $('tr:even').css('background-color','#F1F9FB');

    }

    //分页函数function fenye(){

        //条件查找框中的内容keyword = $('#ss').val();

        //用来拼接的空字符串varstr ="";

        //工具条的页数显示varnum = 0;

        //最大页数varmaxpage = 0;

        //后台传入条件查找的内容,返回天花板数为最大页数        $.ajax({

            type:"post",

            url:"chuli.php",

            data:{type:'selpage',keyword:keyword},

            dataType:'text',

            async:false,

            success:function(data){

                //console.log(data);maxpage = data;

            }

        });

        //字符串拼接,上一页,循环添加页数,下一页str += "

  • 上一页
  • ";

            for(vari = 0; i < maxpage; i ++){

                num++;

                str += "

  • "+num+"
  • ";

            }

            str += "

    ";

            $('#fenye').html(str);

            //每一页添加点击函数,把按钮的显示页数数字赋值给page,重新执行页面显示函数$('.btn_ye').click(function(){

                page = parseInt($(this).attr('bs'));

                ajaxEvent();

            })

            //上一页,page减1,如果page小于1则等于1重新执行页面显示函数$('.pre').click(function(){

                page --;

                if(page < 1){

                    page = 1;

                }

                ajaxEvent();

            })

            //下一页,page加1,若page大于最大页数,则为最大页数重新执行页面显示函数$('.next').click(function(){

                page ++;

                if(page > maxpage){

                    page = maxpage;

                }

                ajaxEvent();

            })

        }

        //模糊查找搜索按钮,为重新加载页面数据function sousuo(){

            ajaxEvent();

        }

    、、、、、、、、、、、、、、、、、、、、、

    上一篇下一篇

    猜你喜欢

    热点阅读