ajax请求json数据实现分页

AJAX请求JSON数据实现分页是Web开发中常见的功能，其主要思路是使用AJAX异步请求后台返回的JSON数据，并通过解析数据进行分页展示。

// AJAX异步请求JSON数据
$.ajax({
  url: '/api/data',dataType: 'json',success: function(data) {
    // 解析数据并进行分页展示
    var current_page = 1; // 当前页码
    var page_size = 10; // 每页数据量
    var total_count = data.length; // 数据总量
    var total_page = Math.ceil(total_count/page_size); // 总页数

    // 根据页码获取对应数据并展示
    function getData(page) {
      var start = (page-1)*page_size;
      var end = start + page_size;
      var page_data = data.slice(start,end);
      // 展示数据
      showData(page_data);
    }

    // 将数据展示到页面中
    function showData(data) {
      // 填充数据到列表中
      $('ul').empty();
      for (var i = 0; i ' + data[i].name + '')
      }
    }

    // 渲染分页导航条
    function renderNav() {
      $('.pagination').empty();
      for (var i = 1; i ' + i + '');
        } else {
          $('.pagination').append('' + i + '');
        }
      }
    }

    // 初始化分页
    getData(1);
    renderNav();

    // 点击分页导航切换数据
    $('.pagination').on('click','a',function() {
      var page = $(this).text();
      current_page = parseInt(page);
      getData(current_page);
      renderNav();
    });
  }
});

以上代码使用jQuery实现了AJAX异步请求JSON数据，并通过解析数据进行分页展示。在渲染分页导航条时，将当前页码标记为“current”，并在点击分页导航时切换对应的数据和导航条样式。