zoukankan      html  css  js  c++  java
  • js 前端操作的分页路由设计

     //分页条获得分页数字,然后跳转到拼接字符串的页面
      function getPage(page) {
        var window_href   = location.pathname;
        var newWindowHref =  window_href + "?page=" + page;
        window.location = newWindowHref;
      }
    
      // 给分页条追加active
      function addActive () {
        var window_href = window.location.href;
        window_href = window_href.split("=");
        var pageNumber = parseInt(window_href[1])+1;
        $(".pagination li a:contains(" + pageNumber +")").addClass("active");
      }
    
      //分页查询
      //函数封装,将请求分页条的数据进行封装
      function pageReq (reqUrl,ele) {
        $.get("/"+reqUrl,function (result) {
          var amount = parseInt(result);
            //总页数
            var pageamount = Math.ceil(amount /10);//返回的是 与它相近的大1数值
            for (var i = 0; i < pageamount; i++) {
              $("."+ele).append("<li ><a href='javascript:void(0);'>" +(i+1)+ "</a></li>");
            }
            addActive();
            //监听
            $(".pagination li").click(function () {
                var page = $(this).index();
                getPage(page);
            });
        })
      }
  • 相关阅读:
    简易模拟点击自动化测试工具介绍
    HttpRunner 使用简介
    postman生成测试报告
    Java 多态
    Java 接口与接口的多继承关系
    Java 类实现接口
    Java 接口内容小结
    Java 接口
    Java 抽象
    Java 继承
  • 原文地址:https://www.cnblogs.com/adouwt/p/7852393.html
Copyright © 2011-2022 走看看