Ajax实现分页查询.docx

Ajax实现分页查询中华IT学院 【大中小】 [ 2010年5月5日 ]-　由于查询返回的数据量很大，超过10w条数据，因此需要对页面查询功能进行优化。放弃原有程序中使用DataGrid的做法，自己编写分页显示模块。首先在页面上添加几个DIV:div id=div_trackpoint style= border:solid 1px gray; height:230px; width:99%; overflow-y:auto;用于显示查询回的数据/divdiv id=div_trackpages style= height:15px; width:99%; font-size:8pt; word-break:break-all; word-wrap: break-word;用于显示分页的页码/divbr /div id=div_trackpagetab style= height:15px; width:99%; font-size:8pt; text-align:center;用于显示前一页、后一页、...、首页、尾页等控制按钮/divdiv id=div_trackpage_status style= height:20px; width:99%; font-size:8pt; text-align:center;用于显示当前页的页码/div实现客户端分页函数：varCurPage=0; //当前页varTotalPage=0; //总页数varPageTab=7; //每组显示页数varCurTab=0; //当前分组我的程序是设置每页显示50条数据，每组显示7页，这些可以按需求调整。TurnTab函数用于切换分组，根据传入的val来计算显示哪一组页面。val=1表示切换到下一组，val=-1表示切换到上一组，0表示切换到第一组，-2表示切换到最后一组。用户通过单击页面上的 ... 符号来切换分组。function TurnTab(val){varnPage = 0;if (val == 1) {CurTab++;nPage = (CurTab - 1) * PageTab + 1; }else if (val == -1) {CurTab--;nPage = (CurTab - 1) * PageTab + 1;}else if (val == 0) {CurTab = 1;nPage = 1;}else if (val == -2) {CurTab = Math.floor(TotalPage / PageTab) + 1;nPage = (CurTab - 1) * PageTab + 1;}varcarinfo = document.getElementById(div_trackpages);vartabinfo = document.getElementById(div_trackpagetab);varstrInner = ;strInner += a href=\javascript:TurnPage(1)\首页/anbsp;;strInner += a href=\javascript:PreviousPage()\前一页/anbsp;;strInner += 总共 + TotalPage + 页nbsp;;strInner += a href=\javascript:NextPage()\下一页/anbsp;;strInner += a href=\javascript:TurnPage( + TotalPage + )\尾页/anbsp;;tabinfo.innerHTML = strInner;strInner = ;if (CurTab 1) strInner += a href=\javascript:TurnTab(-1)\.../anbsp;;for ( ; nPage=CurTab*PageTab; nPage++) {if (nPage = TotalPage) {strInner += a href=\javascript:TurnPage(+ nPage + )\+nPage+/anbsp;}}if (nPage TotalPage) strInner += a href=\javascript:TurnTab(1)\.../anbsp;;carinfo.innerHTML = strInner;}TurnPage函数用于切换分页，val表示要切换到的页数，根据要显示的页数生成查询范围，如查询前50条记录，从51到100的记录，从101到150的记录。。。cscCustomAnalyst是一个异步调用函数，函数实现的代码将在下面贴出。Method,SID, TIME1, TIM