美文网首页
2018-07-30分页

2018-07-30分页

作者: 夜照天星 | 来源:发表于2018-07-30 20:19 被阅读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 += "

  1. 上一页
  2. ";

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

                num++;

                str += "

  3. "+num+"
  4. ";

            }

            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();

        }

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

    相关文章

      网友评论

          本文标题:2018-07-30分页

          本文链接:https://www.haomeiwen.com/subject/ullqvftx.html