用jQuery的中的ajax分页实现代码.docVIP

用jQuery中的ajax分页实现代码 去年的时候刚接触Jquery，也就做界面特效用了下，对其很有兴趣，迫于现在项目中不怎么用，对其甚是想念呀，这不没抽点时间再来看看Juery中好玩的东西。 功能简介：主要功能就是分页显示数据了，可在配置文件中配置每页要显示的页码,可以做多条件联合查询，这里只是做一个简单的查询。欢迎拍砖，有问题的还望大虾们斧正哈。看看这个效果图，无刷新的噢！！ 具体实现请看源码： 1、aspx页面 复制代码 代码如下: %@ Page Language=C# AutoEventWireup=true CodeBehind=AjaxPage.aspx.cs Inherits=MeasurementWellCurve.UI.AjaxPage % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= head titleajax分页/title link href=../CSS/tb_Style.css rel=stylesheet type=text/css / script src=../JS/jquery-1.4.2.min.js type=text/javascript/script /head body form id=form1 runat=server div id=divLayer div 编号：asp:TextBox ID=txtCSBH runat=server/asp:TextBoxinput id=btnSearch type=button value=查询 / /div table id=jgcsTable class=listTable cellpadding=0 cellspacing=0 thead tr th 测试编号 /th th 地层渗透率K /th th 井筒储集常数C /th th 表皮系数S /th th 堵塞比 /th th 探测半径 /th th 拟合地层压力 /th th 边界距离 /th th 压力系数 /th th 复合储能比 /th th 操作 /th /tr /thead tbody id=tb_body /tbody tfoot id=load tr td align=center colspan=11 img src=../images/loading.gif / /td /tr /tfoot /table div class=navigation div style=text-align: left; float: left; width: 260px; 共label id=lblToatl/label条数据 第[label id=lblCurent/label]页/共[label id=lblPageCount0/label]页 /div div style=text-align: right; float: right; a id=first href=#首页/a a id=previous href=#上一页/a a id=next href=# 下一页/a a id=last href=#末页/a /div /div /div /form /body /html 2、具体实现JS 复制代码 代码如下: var pageIndex = 1; //页索引 var where = where 1=1; $(function() { BindData(); // GetTotalCount(); //总记录条数 //GetPageCount(); //总页数绑定 //第一页按钮click事件 $(#first).click(function() { pageIndex = 1; $(#lblCurent).text(1); BindData(); }); //上一页按钮click事件 $(#previous).click(function() { if (pageIndex != 1) { pageIndex--; $(#lblCurent).text(pageIndex); } BindData(); }); //下一页按钮click事件 $(#next).click(function() { var pageCount = parseInt($(#lblPageCoun