html+js实现分页功能

js代码

<script>
        $(function () {
            //获取上一页html传递过来的id信息
           var search = location.search;
           var cid = search.split("=")[1];

           //调用异步交互方法
           load();
        });

        //创建异步交互方法,currentPage:当前第几页；pageSize：每页展示的数据记录数（10条记录）
        function load(currentPage, pageSize) {
            $.post("category/findByPage",{currentPage:currentPage,pageSize:pageSize},function (pb) {
                var str="";
                //添加每页要展示的信息
                for(var x=0;x<pb.pageSize;x++){
                    var s="<li style='height: 200px'>\n" +
                        "<div class=\"img\"><img style='width: 300px;height: 200px' src=\" "+pb.list[x].rimage+"\" alt=\"\"></div>\n" +
                        "<div class=\"text1\">\n" +
                        "<p>"+pb.list[x].rname+"</p>\n" +
                        "<br/>\n" +
                        "<p>"+pb.list[x].routeIntroduce+"</p>\n" +
                        "</div>\n" +
                        "<div class=\"price\">\n" +
                        "<p class=\"price_num\">\n" +
                        "<span>&yen;</span>\n" +
                        "<span>"+pb.list[x].price+"</span>\n" +