ajax中怎么实现无刷新分页功能

本篇文章给大家分享的是有关ajax中怎么实现无刷新分页功能，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

恩阳网站建设公司创新互联建站,恩阳网站设计制作，有大型网站制作公司丰富经验。已为恩阳1000+提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱，请找那个售后服务好的恩阳做网站的公司定做！

html页

  
      
  table{ border:solid 1px #444; background-color:Aqua;}
  table td{border:solid 1px #444;}
  
  
  
    $(function () {
      var pageindex = 1;
      var pagesize = 10;
      /*如果将代码封装成一个函数，那么除非显示调用(loaddata())，否则函数中的代码不会执行
      根据传递的页码和每页显示的记录数量获取数据
      */
      function loaddata() {
        $.ajax({
          type: "post",
          contentType: "application/json",
          url: "WebService1.asmx/GetListAjax",
          data: "{pagesize:" + pagesize + ",pageindex:" + pageindex + "}",
          success: function (result) {
            //处理返回来的数据
            var strtable = '';
            strtable += '';
            for (var i = 0; i < result.d.length; i++) {


              strtable += '';
              strtable += '';
              strtable += '';
              strtable += ''
              strtable += '';
              strtable += '';
            }
            strtable += '
编号
标题
内容
创建时间
' + result.d[i].Id + '
' + result.d[i].NewsTitle + '
' + result.d[i].NewsContent + '
' + result.d[i].CreateTime + '
';
            $('#mydiv').html(strtable);
          }


        })


      }
      //根据传递到后台的每页显示的记录数量来获取最大的页码(就是一共有多少页)
      $.ajax({
        type: "post",
        contentType: "application/json",
        url: "WebService1.asmx/GetLastPageindex",
        data: "{pagesize:" + pagesize + "}",
        success: function (result) {
          lastpageindex = result.d;
        }
      })


      //显式调用函数，在页面初次加载时加载第一页数据
      loaddata();
      //下一页
      $('a:eq(2)').click(function () {
        if (pageindex < lastpageindex) {
          pageindex++;
          loaddata();
        }


      })
      //上一页
      $('a:eq(1)').click(function () {
        if (pageindex > 1) {
          pageindex--;
          loaddata();
        }
      })
      //第一页
      $('a:first').click(function () {
        pageindex = 1;
        loaddata();
      })
      //最后一页
      $('a:eq(3)').click(function () {
        pageindex = lastpageindex;
        loaddata();
      })
      $('a:last').click(function () {
        pageindex = $('#txtPageindex').val();
        loaddata();
      })
    })