nodejs(数据查询功能5)
数据分页显示
根据数据总数,每页显示多少条数据来分页,并在对应页数下创建数字按钮(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为按钮的总数;
点击数字按钮时显示对应的页面数据;
- 点击按钮时需要重新加载数据;调用初始化数据函数
startNumber=(parseInt(event.target.innerText)-1)*5;//(局部变量把值传到后面的函数里)
//初始值startNumber=0(设的全局变量);
findAllEmp();
- 加载新数据时,新数据是拼接在原来数据后面的;这就涉及到清除原来数据
- 由于后面多出都会用到清除,所以单独写个函数,后面谁用谁就调用;
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(); } }