MVC 之 Ajax 分页查询数据

前端之家收集整理的这篇文章主要介绍了MVC 之 Ajax 分页查询数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <span style="font-size:18px;">//分页控件
  2. $(document).ready(function () {
  3. var pageSize = 10;
  4. var index;
  5. //分页控件
  6. $.jqPaginator('#pagination2',{
  7. pageSize: pageSize,totalCounts: 10,//总条数
  8. visiblePages: 10,currentPage: 1,prev: '<li class="prev"><a href="javascript:;">上一页</a></li>',next: '<li class="next"><a href="javascript:;">下一页</a></li>',page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',onPageChange: function (num,type) {
  9. index = num;
  10. getData();
  11. }
  12. });
  13.  
  14. function getData() {
  15. $.post("@Url.Action("SelectBookStudent")",{
  16. "pageSize": pageSize,"pageIndex": index,"type": "@(Request.QueryString["type"] ?? "False")"
  17. },function (result) {
  18. var html = "";
  19. if (result == null || result.list.length > 0) {
  20. $('#pagination2').jqPaginator('option',{ totalCounts: result.total });
  21. total = result.list.length;
  22. $.each(result.list,function (i,item) {
  23. //时间格式转换
  24. var pa = /.*\((.*)\)/;
  25. var StartDate = item.TKBeginDate.match(pa)[1].substring(0,10); //转换起始时间格式
  26. var EndDate = item.TKEndDate.match(pa)[1].substring(0,10);//转换终止时间格式
  27.  
  28. var TKStartDate = getTime(StartDate); //起始日期
  29. var TKEndDate = getTime(EndDate); //终止日期
  30.  
  31. var TKTestDate = TKStartDate.substring(0,10); //截取日期
  32. var TKBeginTime = TKStartDate.substring(11,19); //截取起始时间
  33. var TKEndTime = TKEndDate.substring(11,19);//终止时间
  34.  
  35. html += "<tr>";
  36. html += "<td>" + (i + 1) + "</td>";
  37. html += "<td>" + item.PlaceTest + "</td>";
  38. html += "<td>" + TKTestDate + "</td>";
  39. html += "<td>" + TKBeginTime + "</td>";
  40. html += "<td>" + TKEndTime + "</td>";
  41. html += "<td>" + item.RegNumTotal + "</td>";
  42. html += "<td>" + item.RegNum + "</td>";
  43. html += "<td>" + item.Explain + "</td>";
  44. html += "<td><a href='javascript:void()' onclick='TKBook(\"" + item.TKCode + "\"," + item.Type + ")' >预约</a></td>";
  45. html += "</tr>";
  46.  
  47. });
  48. //$(".table-list tbody").html(html);
  49. $("#select_tableList tbody").html(html);
  50. $("#select_tableList tbody tr").click(function () { $(this).toggleClass("curr"); });
  51. //$(".table-list tbody tr").click(function () { $(this).toggleClass("curr"); });
  52. }
  53. })
  54. }
  55. });
  56.  
  57. //时间转换
  58. function getTime(/** timestamp=0 **/) {
  59. var ts = arguments[0] || 0;
  60. var t,y,m,d,h,i,s;
  61. t = ts ? new Date(ts * 1000) : new Date();
  62. y = t.getFullYear();
  63. m = t.getMonth() + 1;
  64. d = t.getDate();
  65. h = t.getHours();
  66. i = t.getMinutes();
  67. s = t.getSeconds();
  68. // 可根据需要在这里定义时间格式
  69. return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d) + ' ' + (h < 10 ? '0' + h : h) + ':' + (i < 10 ? '0' + i : i) + ':' + (s < 10 ? '0' + s : s);
  70. }
  71. </span>

猜你在找的Ajax相关文章