nodejs(数据查询功能5)

本文介绍了如何在Node.js中实现数据分页显示,包括根据数据总数和每页显示数量设置分页,利用SQL查询语句进行数据提取,通过Ajax请求创建分页按钮,并绑定事件。同时,文章还讨论了按钮禁用状态的处理以及数据加载时的旧数据清除策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

nodejs(数据查询功能5)

数据分页显示

  1. 根据数据总数,每页显示多少条数据来分页,并在对应页数下创建数字按钮(1,2,3……);
    1. sql语句:select id,eName,job,sal from emp limit ?,?//前一个问号是从第几条数据开始,后面一个问号是显示多少条数据;//设定每页显示5条数据
    1. 前一个问号:由前台按钮里的数决定(startNumber):提取数字:event.target
    2. 后一个问号自己确定;
    2. 前台按钮数的确定;
    1. ajax前台请求,后台反馈数据总数/5,for in 循环创建button;每个按钮都绑定事件;

           for(var i=1;i<=count;i++){
                var bu=document.createElement("button")
                bu.innerText=i;
                pageDiv.appendChild(bu);
                bu.onclick=pageButt;
            }//count为按钮的总数;
    
  2. 点击数字按钮时显示对应的页面数据;

    1. 点击按钮时需要重新加载数据;调用初始化数据函数
      1. startNumber=(parseInt(event.target.innerText)-1)*5;//(局部变量把值传到后面的函数里)
        findAllEmp();
        //初始值startNumber=0(设的全局变量);
    2. 加载新数据时,新数据是拼接在原来数据后面的;这就涉及到清除原来数据
      1. 由于后面多出都会用到清除,所以单独写个函数,后面谁用谁就调用;
          function clear(){
          var empInfo=document.getElementById("empInfo");
              var len=empInfo.children.length
              for(var i=1;i<len;i++){
                  empInfo.removeChild(empInfo.lastChild);
              }//i从1开始,是要保留头行名称;
          }
    

3.点击按钮后按钮要禁用(disabled=true禁用);//防止它一直点击一直加载
—-1. 给每个按钮for in循环加上but[i].disabled=false;
—-2. 点击谁,谁就为真but[i].disabled=true;


1.点击按钮分页显示(event.target)

    if((typeof parseInt(event.target.innerText))=="number"){
      var n=parseInt(event.target.innerText)
      buts[n].disabled=true;
      if(event.target.innerText){
      startNumber=(parseInt(event.target.innerText)-1)*5;
      findAllEmp();
      }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值