源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery.pagination +JSON 动态无刷新分页实现代码

  • 时间:2021-08-11 14:53 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery.pagination +JSON 动态无刷新分页实现代码
aspx 页面:
[url=css/pagination.css]</head> <body> <form id="form1" runat="server" > <div> <table id="tblData" width="80%" cellpadding="1" cellspacing="1" bgcolor="gray" style="text-align:center"> <tr> <td> NewsID </td> <td> Title </td> <td> SmallClassName </td> <td> Author </td> <td> UpdateTime </td> </tr> </table> <div id="Pagination"> </div> </div> </form> </body> </html> <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery.pagination.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> var pageIndex =0; //页索引 var pageSize =20; //每页显示的条数 $(function() { Init(0); $("#Pagination").pagination(<%=pageCount %>, { callback: PageCallback, prev_text: '上一页', next_text: '下一页', items_per_page: pageSize, num_display_entries: 5, current_page: pageIndex, num_edge_entries: 1 }); function PageCallback(index, jq) { Init(index); } }); function Init(pageIndex) { $.ajax({ type: "POST", dataType: "text", url: 'SqlPage.aspx', data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize, success: function(data) { if(data!=""){ $("#tblData tr:gt(0)").remove();//移除所有的数据行 data=$.parseJSON(data); $.each(data.News,function(index,news){ $("#tblData").append("<tr bgcolor='white'><td>"+news.NewsID+"</td><td algin='left'>"+news.Title+"</td><td>"+news.SmallClassName+"</td><td>"+news.Author+"</td><td>"+news.Updatetime+"</td></tr>"); //将返回的数据追加到表格 }); } } }); } </script>
cs代码:
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部