zoukankan      html  css  js  c++  java
  • js 无刷新分页代码

    /**
    * 分页事件处理
    */
    function paging(){
    $("#firstPage").click(function(){ //首页
    var pageNo = getPage('pageNo');
    if (pageNo == 1) {
    alert("已经是首页");
    }
    else {
    setPage('pageNo', '1');
    loadListDate();
    }
    });
    $("#prevPage").click(function(){ //上一页
    var pageNo = getPage('pageNo');
    if (pageNo <= 1) {
    alert("已经是首页");
    }
    else {
    setPage('pageNo', pageNo - 1);
    //loadListDate();
    }
    });
    $("#nextPage").click(function(){ //下一页
    var pageNo = getPage('pageNo');
    var pageSize = getPage('pageSize');
    if (pageNo >= pageSize) {
    alert("已经是最后一页");
    }
    else {
    setPage('pageNo', pageNo + 1);
    //loadListDate();
    }
    });
    $("#lastPage").click(function(){ //最后一页
    var pageNo = getPage('pageNo');
    var pageSize = getPage('pageSize');
    if (pageNo == pageSize) {
    alert("已经是最后一页");
    }
    else {
    setPage('pageNo', pageSize);
    //loadListDate();
    }
    });
    }

    /**
    * 获取分页信息
    * @param {Object} mark|元素id
    * return {Integer} value
    */
    function getPage(mark){
    var value = $('#' + mark).text().replace(/(^s*)|(s*$)/g, "");
    if (value == '' || value == null || isNaN(value)) {
    return '';
    }
    else {
    var trimValue = parseInt(value);
    return trimValue;
    }
    }

    /**
    * 设置分页信息
    * @param {Object} mark|元素id
    * @param {Object} value|要设置的值
    * return void
    */
    function setPage(mark, value){
    $('#' + mark).text(value);
    }

  • 相关阅读:
    【2021-01-26】保持学习,也是一种科学的健康保养方式
    【2021-01-25】正常市场化的企业该有的现象
    day 42 mysql 数据库(2)
    day 41 数据库初学习
    在排序数组中查找元素的第一个和最后一个位置
    飞机游戏
    两个数组的交集 II
    重复N次的元素
    单词规律
    存在重复元素2
  • 原文地址:https://www.cnblogs.com/tancp/p/3847575.html
Copyright © 2011-2022 走看看