MVC异步分页代码分享

如图：

1、控制器代码

////GET:/AJaxUser/店铺实体店铺=新店铺实体()；public ActionResult Index(){ return View()；}公共操作结果loadjson(){ int page size=Request[' page size ']==null？10 : int .解析（请求['页面大小']);int pageIndex=请求['pageIndex']==null？1 : int .分析（请求['页面索引']);int totalCount=shop.tbl_admin .count()；//给前台用户信息所有的数据，并且是json格式var allorder=shop.tbl_admin .OrderBy(u=u.id).跳过（页面大小*(页面索引-1))。取（页面大小)。to list()；//接受一个对像，内部把此对象使用爪哇岛描述语言序列化类对象志字符串，发送到前台var数据=从无序中的u中选择new { u.id，u.realname，u . sex }；string strNav=PageNavHelper .显示页面导航（页面索引、页面大小、总计数);定义变量结果=new {Data=data，NavStr=strNav }；返回Json(结果，JsonRequestBehavior .允许get)；}2、Html代码

@ { Layout=null}！DOCTYPE htmlhtmlhead元名称='视口'内容='宽度=设备宽度'/标题索引/标题链接href=' ~/内容/导航页面。CSS ' rel='样式表'/脚本src=' http : ~/Scripts/jquery-1。8 .2 .量滴js /脚本脚本src=' http : ~/Scripts/jquery-ui-1。8 .24 .js /脚本src=' http 3360 ~/Scripts/1。8 .24 .射流研究…页面加载完成后从后如加载当前页数据initTable()；});//初始化表格数据函数initTable(queryData) { $ .getJSON('/AjaxUser/loadjson '，queryData，function(data){ var TB=$(' # tbList ')；//先移除旧的，添加新的$('#tbList tr[type=data]').移除();for(var I=0；一。数据。数据长度；I){ var StRTr=' tr type=' data '；strTr='td '数据。数据[i].id '/TD '；strTr='td '数据。数据[i].实名'/TD '；strTr='td '数据。数据[i].性别'/TD '；strTr='tda UId='数据。数据[i].id"href="JavaScript : void(0)修改/a"a Uid="数据。数据[i].ID " " href=" JavaScript : void(0)"删除/a/TD '；strTr='/tr '；肺结核。追加(StRTr)；} $('#Nav ').html(数据. Navstr)；//绑定分页标签的点击事件$('.页面链接')。单击(函数(){ //把页码弹出来var strRef=$(this).attr(' href ')；var查询字符串=StrhRef。substr(StrhRef。indexof('？') 1);//alert(查询字符串)；查询字符串；返回false })；});}/脚本/头体div表id=' TbList ' tr tdid/TD TD姓名运输署/运输署性别运输署/运输署操作/TD/tr/table div id=' Nav ' class=' paginator '/div/div/body/html 3，分页类

使用系统；使用系统。集合。通用；使用系统Linq .使用系统。文字；使用系统网络.命名空间MvcTest4 .模型{公共类pagenavthelper {//主要就是输出分页的超级链接的标签//自定义分页助手扩展公共静态字符串显示页面导航(int当前页面，int页面大小，int总计数){ var redirectTo=HttpContext .当前。请求。网址。绝对的。页面大小=页面大小=0?3 :页面大小；var totalPages=数学max((总计数页面大小-1)/页面大小，1)；//总页数定义变量输出=new StringBuilder()；if(TotalPages 1){//if(CurrentPage！=1) {//处理首页连接输出AppendFormat(' a class=' page link ' href=' { 0 }？pageIndex=1pageSize={1} '首页/a '，redirectTo，页面大小)；} if (currentPage 1) {//处理上一页的连接输出AppendFormat(' a class=' page link ' href=' { 0 }？页面索引={ 1 }页面大小={2}上一页/a '，redirectTo，currentPage - 1，页面大小)；} else { //输出.追加(' span class='pageLink '上一页/span’)；}输出。追加("");int电流=5；for(int I=0；i=10i ) {//一共最多显示10个页码，前面5个，后面5个if((当前页面I-current)=1(当前页面I-current)=TotalPages){ if(当前==I){//当前页处理//输出。追加（字符串。格式('[{0}]'，CurrentPage))；输出AppendFormat(' a class=' CPB ' href=' { 0 }？页面索引={ 1 }页面大小={2}'{3}/a '，重定向到，当前页面，页面大小，当前页面);} else {//一般页处理输出AppendFormat(' a class=' page link ' href=' { 0 }？页面索引={ 1 }页面大小={ 2 } ' { 3 }/a '，redirectTo，CurrentPage I-current，page SiZe，current page I-current)；} }输出。追加("");} if (currentPage totalPages) {//处理下一页的链接输出AppendFormat(' a class=' page link ' href=' { 0 }？页面索引={ 1 }页面大小={2}下一页/a '，redirectTo，currentPage 1，页面大小)；} else {//输出.追加(' span class='pageLink '下一页/span’)；}输出。追加("");if (currentPage！=TotalPages){ 0输出AppendFormat(' a class=' page link ' href=' { 0 }？页面索引={ 1 }页面大小={2}末页/a '、redirectTo、totalPages、页面大小)；}输出。追加("");}输出“AppendFormat(”第{0}页/共{1}页，currentPage，TotalPages)；//这个统计加不加都行返回输出. ToString()；} }} 4、分页半铸钢钢性铸铁(铸造半钢)

正文{}。分页器{ font: 12px Arial，Helvetica，无衬线；padd : 10px 20px 10px 0；margin: 0px}。分页器a { border : solid 1px # cccccolor : # 0063 ccursor :指针；文本装饰：无；} .paginator a :访问了{ padd : 1px 6pxborder:固体1px # ddd背景# fff文本装饰：无；} .分页器cpb { border: 1px固体# F50 font-weight : 700；color: # F50背景-color : # ffee e 5；} .paginator a :悬停{边框：实心1px # F50color: # f60文本装饰：无；} .分页器a .分页器a :已访问。分页器中央银行.paginator a :悬停{左浮动：高度： 16px线高： 16px最小宽度： 10px_ width: 10px右边距： 5px文本对齐：中心；空白： nowrapfont-size : 12pxfont-family: Arial，SimSunpadding: 0 3px }以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。